Angular js 具体应用(一)
1,首先引用Angular ?百度靜態(tài)資源庫搜索Angular ?復(fù)制鏈接,在HTML中嵌入script
最好寫在正文下面
?
<script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
?
2,ng-app ?指定一個angular應(yīng)用 簡單理解就是當(dāng)前內(nèi)部可以使用angular語法 ? ng-...
,Angular環(huán)境,先確認(rèn)環(huán)境,一個頁面只能有一個環(huán)境,如果需要整個頁面就寫在html中或者寫在body中,如果只是以下部分就寫在div中即可
?
?
雙向數(shù)據(jù)綁定 有一個變化兩個都變化
html
script 獲得當(dāng)前應(yīng)用程序
?
?3,控制器
html 在body中要加入控制器
script獲取控制器
?4,ng-init 初始化變量 開發(fā)環(huán)境中數(shù)據(jù)是從后臺獲取的數(shù)據(jù)通過js出試卷
ng-bind把初始化的值綁定到當(dāng)前標(biāo)簽中
格式,數(shù)子,字符串,數(shù)組 中ng-init 和 ng-bind
?字符串
?
數(shù)組
?
4,指令
?
?同步數(shù)據(jù)
兩個數(shù)據(jù)相互同步
?
ng-repeat
自定義指令
雙向綁定
5,驗證表單是否合法
valid有效的 ?invalid無效的 ?pending等待 ? pristine原始
?
$rootScope
還可以將script部分重新寫一個js文件連接進(jìn)去方便以后的維護(hù)
?
轉(zhuǎn)載于:https://www.cnblogs.com/wuyaxing/p/6473789.html
總結(jié)
以上是生活随笔為你收集整理的Angular js 具体应用(一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: fiddler无法获取Android端h
- 下一篇: 使用Pycharm开发python下dj