我的angularjs第二步

follow url 第二個程式

two.html

How To Write A Seminar Paper 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 }

source link ct.js

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

 

小筆記一下

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

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

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

所以稱為「HTML擴展指令」