首頁 > 開發者 > JavaScript
HelloWorld ! 建立一個helloworld.html 複製代碼<!doctype html><html ng-app> <head> <script src="angular.js"></script> </head> <body> Hello {{'World'}}! </body></html>複製代碼然後將下載的angular.js拷到與helloworld.html的同一目錄 效果如下所示: 3.helloworld.html代碼說明標記ng-app告訴AngularJS處理整個HTML頁並引導應用： <htmlng-app>注意，使用雙大括弧標記{{}}的內容是問候語中綁定的運算式，這個運算式是一個簡單的字串‘World’。 Hello {{'World'}}!4.樣本2本樣本示範AngularJS的雙向資料繫結（bi-directional data binding）： 編輯前面建立的helloworld.html文檔。將下面的原始碼複製到您的HTML檔案。重新整理瀏覽器視窗。原始碼 複製代碼<!doctype html><html ng-app> <head> <script src="angular.js"></script> </head> <body> Your name: <input type="text" ng-model="yourname" placeholder="World"><hr> Hello {{yourname || 'World'}}! </body></html>複製代碼效果: 該樣本有一下幾點重要的注意事項： 文本輸入指令<input ng-model="yourname" />綁定到一個叫yourname的模型變數。雙大括弧標記將yourname模型變數添加到問候語文本。你不需要為該應用另外註冊一個事件接聽程式或添加事件處理常式！現在試著在輸入框中鍵入您的名稱，您鍵入的名稱將立即更新顯示在問候語中。 這就是AngularJS雙向資料繫結的概念。 輸入框的任何更改會立即反映到模型變數（一個方向），模型變數的任何更改都會立即反映到問候語文本中（另一方向）。 5.angularjs架構簡介模板（Templates）模板是您用HTML和CSS編寫的檔案，展現應用的視圖。 您可給HTML添加新的元素、屬性標記，作為AngularJS編譯器的指令。 AngularJS編譯器是完全可擴充的，這意味著通過AngularJS您可以在HTML中構建您自己的HTML標記！ 應用程式邏輯（Logic）和行為（Behavior）應用程式邏輯和行為是您用JavaScript定義的控制器。AngularJS與標準AJAX應用程式不同，您不需要另外編寫接聽程式或DOM控制器，因為它們已經內建到AngularJS中了。這些功能使您的應用程式邏輯很容易編寫、測試、維護和理解。 模型資料（Data）模型是從AngularJS範圍對象的屬性引申的。模型中的資料可能是Javascript對象、數組或基本類型，這都不重要，重要的是，他們都屬於AngularJS範圍對象。 AngularJS通過範圍來保持資料模型與視圖介面UI的雙向同步。一旦模型狀態發生改變，AngularJS會立即重新整理反映在視圖介面中，反之亦然。 6.ubuntu 12.04下安裝nodejs、npm和karma1）安裝nodejs直接輸入命令sudo apt-get install nodejs 安裝的是0.6版本的,這個會出現問題,導致接下來安裝js測試載入器karma,出現問題. 所以用下載安裝自己編譯的方式,http://nodejs.org/download/,我這裡下載的是http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gz 然後,執行命令 tar zxvf node-v0.10.26.tar.gz cd node-v0.10.26./configuremakesudo make install這樣直接編譯會出錯!! 必須先把其依賴環境搭建好,必須先執行如下命令: sudo apt-get install g++ curl libssl-dev apache2-utilssudo apt-get install git-coregit如果已經安裝則不需要再安裝了. 當然也可從github上直接clone了,即使用如下命令: git clone git://github.com/ry/node.gitcd node./configuremakesudo make install測試是否成功??? amosli@amosli-pc:~$ node --versionv0.10.26查看版本是否正確,這裡是正確的. 2)安裝npmsudo apt-get install npm3)安裝karmasudo npm install -g karma只要安裝nodejs正確,那麼後兩步將會十分順利. 否則安裝karma時將會報如下的錯誤: 複製代碼amosli@amosli-pc:~$ sudo npm install -g karmanpm http GET https://registry.npmjs.org/karma npm ERR! Error: failed to fetch from registry: karmanpm ERR! at /usr/share/npm/lib/utils/npm-registry-client/get.js:139:12npm ERR! at cb (/usr/share/npm/lib/utils/npm-registry-client/request.js:31:9).....複製代碼karma以前叫testacular,是js的測試架構.
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
