我的angularjs第二步

浏览数：19 / 时间：2015年06月09日

我的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擴展指令」

我的angularjs第二步,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： c t color http it html class a l js r c t color http it html class a l js r

相关文章

随机文章

您可能还喜欢

您可能还喜欢