<title></title>
<!--
作者:1719586064@qq.com
时间:2017-11-10
描述:引入AngularJS应用程序
-->
<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指令:
<!--不能绑定到input输入框中 -->
<!--<input type="text" ng-bind="bind" />-->
<span ng-bind="bind">fdadfsas</span>
</p>
<p>测试ng-bind指令:
<!--不能绑定到input输入框中 -->
请输入两个乘数:<input type="number" ng-model="num1" />*
<input type="number" ng-model="num2" />=<span>{{num1 * num2 }}</span>
</p>
</body>
<!--
作者:1719586064@qq.com
时间:2017-11-10
描述:引入AngularJS应用程序
-->
<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指令:
<!--不能绑定到input输入框中 -->
<!--<input type="text" ng-bind="bind" />-->
<span ng-bind="bind">fdadfsas</span>
</p>
<p>测试ng-bind指令:
<!--不能绑定到input输入框中 -->
请输入两个乘数:<input type="number" ng-model="num1" />*
<input type="number" ng-model="num2" />=<span>{{num1 * num2 }}</span>
</p>
</body>