angularJS怎樣用呢
angularJS目前是前端超級火的框架，通過ng-指令，可以用來開發webAPP，它的特點就是有很多指令，今天咪咪我就來給大家講講怎樣使用angularJS。注意，學習angularJS必須要會html，css和JS哦。
工具/材料
電腦
webstorm
angularJS
操作方法
-
01
第一步，新建一個html頁面，然后引入angularJS插件，注意路徑一定要對哦。不會路徑的，請學好JS再來學習angularJS哦。
-
02
之后我們定義一個div元素，然后給這個div元素添加指令ng-app，引號里面可以沒有內容（學習而已，不需要太嚴格）。ng-app就是定義angularJS的范圍，在div里面定義說明div里面是angularJS的范圍，外面不是。
-
03
接著定義一個表單元素input，然后用ng-module綁定一個變量，變量名隨便，這樣，我們往表單里面輸入的內容就會綁定到ng-module里面的變量name了。需要特別注意的是，ng-module只對表單元素有效哦。
-
04
之后，我們另設一個p元素，然后用兩個花括號加變量名來顯示數據，這是一個表達式。
-
05
接著我們打開瀏覽器，然后在input輸入框里面輸入數據。
-
06
如圖，我們在輸入框里面輸入什么數據，下面就會解析成同樣的數據，這就是數據雙向綁定，只要一個變，另外一個也會變的。
-
07
花括號加變量名所代表的表達式，比如這個{{name}}，只有在ng-app范圍內才會被解析。比如我在div外面設置了一個p，并且p 里面有表達式。
-
08
然后在瀏覽器里面觀察，可以看到，表達式被原樣輸出了，沒有被解析成功。這是因為第二個表達式不在div里面，也就是說不屬于angularJS的范圍。
-
09
而我們再把ng-app放置到body標簽上面，其他不變，然后保存。
-
10
這時候，就可以看到，所有的表達式都可以被解析成對應的數據了哦。這就說明，了解angularJS范圍是非常重要的哦。
- End
特別提示
指令是angularjs的一個特點，學習angularjs必須掌握這些基本的指令哦。后續我會分享更多關于angularJS的指南。
- 發表于 2017-09-18 00:00
- 閱讀 ( 746 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章