所謂，紙上得來終覺淺,絕知此事要躬行。直接代碼來說話。
以下所有代碼工程檔案：http://download.csdn.net/detail/yysyangyangyangshan/9691429
先使用一個angularJS的js檔案（工程中包含有，可下載整個工程檔案）， 第一個angularJS程式
代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <meta charset="utf-8"><script src="/Scripts/angular.min.js"></script></head><body> <div ng-app=""> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1></div></body></html>
ng-bind 指令把應用程式資料綁定到 HTML 視圖。
AngularJS 指令
ng-為首碼的，一般是指令。
比如，看一下如何初始化值，
<!--anjularjs初始化--><div ng-app="" ng-init="firstName='yys'"><p>姓名為 <span ng-bind="firstName"></span></p></div>效果：
上面我們注意到是ng-開頭的，這種是普通html屬性，
angularJS還支援html5的擴充，它使用data-ng開頭的，比如
<!--Html5擴充--> <div data-ng-app="" data-ng-init="firstName='yys'"> <p>姓名為 <span data-ng-bind="firstName"></span></p> </div>
AngularJS 運算式
運算式格式為：{{ expression }}。
如下代碼
<!--運算式--> <div ng-app=""> <p>我的第一個運算式： {{ 1 + 1 - 3 + 5}}</p> </div>效果
<!--應用--><div ng-app="myFirstApp" ng-controller="myFirstCtrl">名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="lastName"><br><br>姓名: {{firstName + " " + lastName}}</div><script> var app = angular.module('myFirstApp', []); app.controller('myFirstCtrl', function ($scope) { $scope.firstName = "Sam"; $scope.lastName = "Yang"; });</script>
ng-app指令定義了應用, ng-controller 定義了控制器。
模組（Module） 定義了 AngularJS 應用。
控制器（Controller） 用於控制 AngularJS 應用。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
