我的angularjs第二步

第二個程式

two.html

 1 <!DOCTYPE html>
 2 <html ng-app>
 3 <head>
 4     <title>two</title>
 5     <script src="../js/angular.min.js"></script>
 6     <script src="../app/ct.js"></script>
 7 </head>
 8 <body>
 9     <div ng-controller="HelloController">
10         <input ng-model="greeting.text" >
11         <p>{{greeting.text}} World</p>
12     </div>
13 </body>
14 </html>

two.html

一樣的ct.js

1 function HelloController($scope) {
2     $scope.greeting = { text: 'Hello' };
3 }

ct.js

就能在Browser上輸入任意字眼囉

 

小筆記一下

上面的範例有用到兩個{}{}是用來數據綁定的。

ng-controller是用來指定哪個控制器來服務哪個視圖

ng-model是將一個輸入框綁定到模型部分

所以稱為「HTML擴展指令」