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的指南。