<html>
<script src= "http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<body>
<p>ng-controller 鎸囦護瀹氫箟浜嗗簲鐢ㄧ▼搴忔帶鍒跺櫒銆傝繖涓帶鍒跺櫒鏄嚜宸卞畾涔夌殑</p>
<div ng-app="myApp" ng-controller="namesCtrl">
<p>杈撳叆榪囨護:</p>
<p><input type="text" ng-model="test"></p>
<p>榪欓噷鐢ㄥ埌浜嗚繃婊ゅ櫒錛?#8216;|’涓虹閬撹繃婊ゅ櫒,鍚庨潰鍙互鎺ワ細<br/>
currency 鏍煎紡鍖栨暟瀛椾負璐у竵鏍煎紡銆?span style="color: #0000FF; "><br/>
filter 浠庢暟緇勯」涓夋嫨涓涓瓙闆嗐?span style="color: #0000FF; "><br/>
lowercase 鏍煎紡鍖栧瓧絎︿覆涓哄皬鍐欍?span style="color: #0000FF; "><br/>
orderBy 鏍規嵁鏌愪釜琛ㄨ揪寮忔帓鍒楁暟緇勩?span style="color: #0000FF; "><br/>
uppercase 鏍煎紡鍖栧瓧絎︿覆涓哄ぇ鍐欍?span style="color: #0000FF; "></p>
<ul>
<li ng-repeat="x in names | filter:test | orderBy:'country'">
{{ fullName(x) + ', ' + x.country | uppercase }}
</li>
</ul>
</div>
<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{firstName:'Jani',lastName:'a',country:'Norway'},
{firstName:'Hege',lastName:'b',country:'Sweden'},
{firstName:'Kai',lastName:'c',country:'Denmark'}
];
$scope.fullName = function($x) {
return $x.firstName + " " + $x.lastName;
}
});
</script>
</body>
</html>
<script src= "http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<body>
<p>ng-controller 鎸囦護瀹氫箟浜嗗簲鐢ㄧ▼搴忔帶鍒跺櫒銆傝繖涓帶鍒跺櫒鏄嚜宸卞畾涔夌殑</p>
<div ng-app="myApp" ng-controller="namesCtrl">
<p>杈撳叆榪囨護:</p>
<p><input type="text" ng-model="test"></p>
<p>榪欓噷鐢ㄥ埌浜嗚繃婊ゅ櫒錛?#8216;|’涓虹閬撹繃婊ゅ櫒,鍚庨潰鍙互鎺ワ細<br/>
currency 鏍煎紡鍖栨暟瀛椾負璐у竵鏍煎紡銆?span style="color: #0000FF; "><br/>
filter 浠庢暟緇勯」涓夋嫨涓涓瓙闆嗐?span style="color: #0000FF; "><br/>
lowercase 鏍煎紡鍖栧瓧絎︿覆涓哄皬鍐欍?span style="color: #0000FF; "><br/>
orderBy 鏍規嵁鏌愪釜琛ㄨ揪寮忔帓鍒楁暟緇勩?span style="color: #0000FF; "><br/>
uppercase 鏍煎紡鍖栧瓧絎︿覆涓哄ぇ鍐欍?span style="color: #0000FF; "></p>
<ul>
<li ng-repeat="x in names | filter:test | orderBy:'country'">
{{ fullName(x) + ', ' + x.country | uppercase }}
</li>
</ul>
</div>
<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{firstName:'Jani',lastName:'a',country:'Norway'},
{firstName:'Hege',lastName:'b',country:'Sweden'},
{firstName:'Kai',lastName:'c',country:'Denmark'}
];
$scope.fullName = function($x) {
return $x.firstName + " " + $x.lastName;
}
});
</script>
</body>
</html>
]]>
<!DOCTYPE html>
<html>
<body>
<div>
<h3>鎸囦護璇存槑</h3>
<p>ng-app 鎸囦護鍒濆鍖栦竴涓?AngularJS 搴旂敤紼嬪簭銆傝繖涓繀欏誨啓</p>
<p>ng-init 鎸囦護鍒濆鍖栧簲鐢ㄧ▼搴忔暟鎹傛湁闇瑕佸疄渚嬪寲鐨勬暟鎹氨鍐欙紝娌℃湁鐨勮瘽鍙互涓嶅啓錛屽畠鍙互鎺ユ敹鏅氬瓧絎︿覆錛屾暟緇勶紝瀵硅薄錛屽鏈夊涓彲鐢ㄥ垎鍙峰垎闅?lt;/p>
<p>ng-model 鎸囦護鎶婂厓绱犲鹼紙姣斿杈撳叆鍩熺殑鍊鹼級緇戝畾鍒板簲鐢ㄧ▼搴忋?lt;/p>
<p>======================================</p>
</div>
<div ng-app="" ng-init="firstName='John';lastName='aaa';names=['Jani','Hege','Kai'];person={firstName:'John',lastName:'Doe'}">
<p>鍦ㄨ緭鍏ユ涓皾璇曡緭鍏?</p>
<p>濮撳悕: <input type="text" ng-model="firstName"></p><input type="text" ng-model="lastName">
<p>浣犺緭鍏ョ殑涓? {{ firstName +""+ lastName }}</p>
<p>鏄劇ず鏁扮粍: {{ names[1] }}</p>
<p>鏄劇ず瀵硅薄: {{ person.lastName }}</p>
<p>涔熷彲浠ヨ繖鏍鋒樉紺? <span ng-bind="person.lastName"></span></p>
<p>浣跨敤 ng-repeat 鏉ュ驚鐜暟緇勩?鍚岀悊涔熷彲浠ュ驚鐜璞?lt;/p>
<ul>
<li data-ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</body>
</html>
]]>