AngularJS指令

最新推荐文章于 2021-03-03 21:36:35 发布

墨明棋妙呀

最新推荐文章于 2021-03-03 21:36:35 发布

阅读量199

点赞数

本文链接：https://blog.csdn.net/Wangmengyao1115/article/details/78499198

版权

<title></title>

<script type="text/javascript" src="../../angular/angular.js" ></script>
<script>
/*定义AngularJS应用程序对象*/

var app = angular.module("myApp",[]);
/*创建控制器:通过app对象的controller方法*/

app.controller("myCtrl",function($scope){

//定义数据源
$scope.arr = [{

name:"三星",
price:1111
},{
name:"三星GT",
price:1234
},{
name:"三星TF",
price:2324
}];

$scope.if = true;
$scope.bind = "haha";

$scope.haha = "双向数据绑定";
$scope.num1 = 3;
$scope.num2 = 5;
});

</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>测试ng-repate指令:
<ul>
<li ng-repeat="x in arr track by $index">角标为: {{$index}}的值为:{{x}}</li>
</ul>
</p>
<p>测试指令ng-if指令:
<input type="checkbox" ng-model="if" />
<span ng-if="if">哈哈</span>
</p>

<p>测试ng-show指令:
<span ng-show="if">哈哈</span>
</p>

<p>测试ng-hide指令：
<span ng-hide="if">哈哈</span>
</p>
<p>测试ng-bind指令：


<span ng-bind="bind">fdadfsas</span>
</p>
<p>测试ng-bind指令：

请输入两个乘数：<input type="number" ng-model="num1" />*
<input type="number" ng-model="num2" />=<span>{{num1 * num2 }}</span>
</p>
</body>

墨明棋妙呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS指令

作者：1719586064@qq.com 时间：2017-11-10 描述：引入AngularJS应用程序 --> /*定义AngularJS应用程序对象*/ var app = angular.module("myApp",[]);
复制链接

扫一扫