<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><script src="js/jquery-1.11.2.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="x for x in names">
</select>
</div>
<script>
var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope) {
$scope.names = ["Google", "Runoob", "Taobao"];
});
</script>
<p>该实例演示了 ng-options 指令的使用。</p>
名字：<input ng-model="name" ng-init="name=‘张三‘" placeholder="张三">
你输入的名字是:<!--{{name}}--><span ng-bind="name"></span><br>
--------------------------------------------------<br>
<div ng-init="pname=[‘张三‘,‘李四‘,‘王五‘]">姓名:<li ng-repeat="Name in pname">{{Name}}</li></div>
--------------------------------------------------<br>
<div ng-init="ren={one:‘jone‘,two:‘kuke‘}">人名：{{ren.two}}</div>
--------------------------------------------------<br>
<div ng-init="name2=[{name:‘Jani‘,country:‘Norway‘},{name:‘Hege‘,country:‘Sweden‘},{name:‘Kai‘,country:‘Denmark‘}]">
循环结果：<li ng-repeat="y in name2">{{y.name+‘,‘+y.country}}</li>
</div>
--------------------------------------------------<br>
<div ng-init="Y=2;M=3"></div>
<input type="number" ng-model="Y">
<input type="number" ng-model="M">
计算结果：{{Y*M}}
<script>
var app = angular.module(‘myapp‘,[]);
app.directive(‘hello‘,function(){
var op={
restrict:"ACE",
template:"hello,world"
}
return op;
})
</script>
<div hello></div>
<div class="hello"></div>
<hello></hello>
</body>
</html>
时间： 2024-08-08 09:41:29