L00 - Angular.js環境設定

第一件事就先來去Angular.js官網,點擊那顆藍色的Download按鈕。

  1. 點擊之後複製CDN該欄,在head中加一個script標籤。
  2. 安裝完成!

接下來不免俗的來寫一個Hello, World!吧

HTML

  1. 在body內開一個div,內含ng-app屬性
  2. 在ng-app內開一個div,內含ng-controller屬性,並傳入參數myCtrl
  3. 在ng-controller內填上{{ greeting }}

JavaScript

  1. myCtrl函式(同ng-controller參數)傳入$scope
  2. 定義greeting之後,HTML檔案就可以開始顯示greeting的內容

Result

Hello, World!

如果你可以正確顯示Hello, World!的話,恭喜!代表你已經一腳踏入Angular.js的世界了。