Angular基礎（二）
阿新 • • 發佈：2017-06-25
spa rip 函數 itl 利用 lin 作用域 eight res
雙向數據
利用angular把input框裏面的值和h3的值綁定在一起。在input裏輸入內容，內容會在h3標簽裏顯示出來。
具體效果請看下面代碼：
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| </head> | |
| <body ng-app="app"> | |
| <!--ng-controller控制器控制的就是angular應用程序的數據 常規的js對象 |
|
| move函數是一個js函數 | |
| --> | |
| <div ng-controller="move"> | |
| <input type="text" ng-model="name"/> | |
| <h3>{{name}}</h3> | |
| </div> | |
| </body> | |
| <script type="text/javascript" src="js/angular.min.js" ></script> | |
| <script type="text/javascript"> |
|
| var app = angular.module("app",[]); | |
| // 使用$scope來調用控制器 | |
| // $scope相當於作用域 控制範圍 | |
| app.controller("move",function($scope){ | |
| $scope.name = "abcd" | |
| }) | |
| // mvc m:model 模型 即當前視圖中可用的數據 | |
| // v:view 視圖 即html | |
| // c:controller 控制 即js函數，可以添加和修改的屬性 | |
| </script> | |
| </html> |
Angular基礎（二）