AngualrJs是一個javascript框架,它通過<script>標簽加到HTML頁面中。
Angular通過指令拓展了HTML,且通過表達式綁定數據到HTML。
Angular是一個javascript框架
Angular是一個javascript框架。它是一個以javascript編寫的庫。
Angular是以一個javascript文件形式發布的,可通過script標簽添加到網頁中:
<script src="dist/angular/angular.min.js"></script>
各個angular.js版本下載:https://github.com/angular/angular.js/rellaeases
AngularJs拓展了HTML
AngularJs通過ng-directives擴展了HTML。
ng-app指令定義一個angularJs應用程序。
ng-model指令把元素值(比如輸入域的值)綁定到應用程序。
ng-bind指令把應用程序數據綁定到HTML視圖。
angular實例
1 <!DOCTYPE html> 2 <html lang="en" ng-app="mk"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 list-style: none; 11 } 12 </style> 13 <script src="angular.min.js"></script> 14 <script> 15 var app = angular.module('mk',[]); 16 app.controller('buyCar',function($scope){ 17 $scope.a = 12; 18 }); 19 </script> 20 </head> 21 <body> 22 <div ng-controller="buyCar"> 23 <input type="text" ng-model="a"><br/> 24 <input type="text" ng-model="a"> 25 </div> 26 </body> 27 </html>
實例講解:
當網頁加載完畢,AngularJs自動開啟。
ng-app指令告訴AngularJs,html是angularJs應用程序的“所有者”。
ng-model指令把輸入框的值綁定到變量a。
ng-bind/{{}}指令把應用程序變量a綁定到某個段落的innerHTML.