1 2 3 4 5 AngularJS雙向數據綁定 6 7 8 9 10 11 12 13 14 15 16 hello,{{n... ...
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>AngularJS雙向數據綁定</title> 6 <script type="text/javascript" src="../js/angular.min.js"></script> 7 </head> 8 <!--ng-app是angular編程入口，是模塊作用域--> 9 <body ng-app> 10 <div> 11 <!--ng-model模型作用--> 12 <input type="text" name="name" ng-model="name"/> 13 </div> 14 <div> 15 <!--{{}}等價於ng-bind用於數據顯示--> 16 hello,{{name}} 17 </div> 18 </body> 19 </html>
