我的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>
一樣的ct.js
1 function HelloController($scope) { 2 $scope.greeting = { text: ‘Hello‘ }; 3 }
就能在Browser上輸入任意字眼囉
小筆記一下
上面的範例有用到兩個{}{}是用來數據綁定的。
ng-controller是用來指定哪個控制器來服務哪個視圖
ng-model是將一個輸入框綁定到模型部分
所以稱為「HTML擴展指令」