<html ng-app>//全局中引用对应于PhoneListCtrl 模板
<head>
<script src="js/angular.js"></script>
<script src="js/test.js"></script>
</head>
<body ng-controller="PhoneListCtrl">
<ul>
<li ng-repeat="pho in phones">
{{pho.name}}
<p>{{pho.snippet}}</p>
</li>
</ul>
//div里面的作用域 myapp
<div ng-app="myapp" ng-controller="mytest">
<ul>
<li ng-repeat="ph in phone">
{{ph.name}}
<p>{{ph.snippet}}</p>
</li>
</ul>
</div>
</body>
</html>
js 代码
function PhoneListCtrl($scope) {
$scope.phones = [
{
"name": "Nexus S",
"snippet": "Fast just got faster with Nexus S."
},
{
"name": "Motorola XOOM™ with Wi-Fi",
"snippet": "The Next, Next Generation tablet."
},
{
"name": "MOTOROLA XOOM™",
"snippet": "The Next, Next Generation tablet."
}
];
}
//自己声明模板 共外部使用
var app = angular.module(‘myapp‘, []);
app.controller(‘mytest‘, function ($scope) {
$scope.phone = [
{
"name": "Nexus S",
"snippet": "Fast just got faster with Nexus S."
},
{
"name": "Motorola XOOM™ with Wi-Fi",
"snippet": "The Next, Next Generation tablet."
},
{
"name": "MOTOROLA XOOM™",
"snippet": "The Next, Next Generation tablet."
}
];
});
http://www.widuu.com/archives/04/1035.html
http://www.ituring.com.cn/article/15762
尚未顿悟
AngularJS继续中
时间： 2024-10-27 01:35:52