angularJS怎樣用呢

angularJS目前是前端超級火的框架，通過ng-指令，可以用來開發webAPP，它的特點就是有很多指令，今天咪咪我就來給大家講講怎樣使用angularJS。注意，學習angularJS必須要會html，css和JS哦。

操作方法

（01）第一步，新建一個html頁面，然後引入angularJS外掛，注意路徑一定要對哦。不會路徑的，請學好JS再來學習angularJS哦。

（02）之後我們定義一個div元素，然後給這個div元素新增指令ng-app，引號裡面可以沒有內容（學習而已，不需要太嚴格）。ng-app就是定義angularJS的範圍，在div裡面定義說明div裡面是angularJS的範圍，外面不是。

（03）接著定義一個表單元素input，然後用ng-model繫結一個變數，變數名隨便，這樣，我們往表單裡面輸入的內容就會繫結到ng-model裡面的變數name了。需要特別注意的是，ng-model只對表單元素有效哦。

（04）之後，我們另設一個p元素，然後用兩個花括號加變數名來顯示資料，這是一個表示式。

（05）接著我們開啟瀏覽器，然後在input輸入框裡面輸入資料。

（06）如圖，我們在輸入框裡面輸入什麼資料，下面就會解析成同樣的資料，這就是資料雙向繫結，只要一個變，另外一個也會變的。

（07）花括號加變數名所代表的表示式，比如這個{{name}}，只有在ng-app範圍內才會被解析。比如我在div外面設定了一個p，並且p 裡面有表示式。

（08）然後在瀏覽器裡面觀察，可以看到，表示式被原樣輸出了，沒有被解析成功。這是因為第二個表示式不在div裡面，也就是說不屬於angularJS的範圍。

（09）而我們再把ng-app放置到body標籤上面，其他不變，然後儲存。

（10）這時候，就可以看到，所有的表示式都可以被解析成對應的資料了哦。這就說明，瞭解angularJS範圍是非常重要的哦。

特別提示

指令是angularjs的一個特點，學習angularjs必須掌握這些基本的指令哦。後續我會分享更多關於angularJS的指南。