AngularJs 常用指令标签
1、ng-app：告訴Angular他應(yīng)該管理頁面的那一部分，可以放在html元素上也可以放在div等標簽上
例：<html ng-app="problem">
2、ng-controller:控制器，通過在body標簽上包含一個控制器，可以管理body標簽之間的任何東西，也可以放在div上，來控制這一個div上的任何東西
例如：<body ng-controller="listController"> <div ng-controller="listController">
3、{{......}}：將變量的值插入到頁面某部分和保持同步（表達式）
4、ng-repeat:數(shù)組中每個元素進行for循環(huán)
例：
<tr ng-repeat="info in problem.infos">
<td>
<div>
<p>{{info.ClientOrgName}}</p>
<p>({{info.ClientPerson}} {{info.ClientPhone}})</p>
</div>
</td>
<td>{{info.BusinessName}}</td>
<td>
<a href="" ng-click="problem.viewProblemDepict($index)">{{info.ProblemDepict}}</a>
</td>
<td>{{info.CreatePerson}}</td>
<td>
<div ng-if="info.State==3"></div>
<div ng-else>{{info.RealName}}</div>
</td>
<td>
<div ng-if="info.State==1">未解決</div>
<div ng-if="info.State==2">已解決</div>
<div ng-if="info.State==3">完成</div>
</td>
</tr>
<tr data-ng-if="problem.infos.length==0">
<td colspan='8'>
<div style="text-align: center;">沒有符合條件的項</div>
</td>
</tr>
5、currency：過濾器，將美元形式格式化 例：currency : '￥' "
6、ng-model：指令把元素值（比如輸入域的值）綁定到應(yīng)用程序，創(chuàng)建輸入字段的數(shù)據(jù)綁定，{{.......}}建立的是單向的聯(lián)系。ng-model能與checkbox、input、radio等標準的元素正常的工作，如checkbox：SomeController中的$scope有一個youCheckedit的屬性，選中為true沒選中則為false
7、ng-init： 指令初始化應(yīng)用程序數(shù)據(jù) 例：ng-init="firstName='John'"
8、ng-click：點擊事件
9、ng-dbclick：雙擊事件
10、ng-bind：與{{......}}等價 例：ng-bind="goodInfo.goodsName"
11、ng-change:change事件
12、ng-submit自動的阻止瀏覽器發(fā)送默認的post動作
13、ng-src、ng-href與src、href等同
14、ng-option：在select用到，將option里的對象動態(tài)的生成
15、ng-href：與a標簽中的href等同
16、ng-class：用來給元素綁定類名，其表達式的返回值可以是以下三種：
類名字符串，可以用空格分割多個類名，如 ‘class1 class2’；
類名數(shù)組，數(shù)組中的每一項都會層疊起來生效；
一個名值對應(yīng)的map，其鍵值為類名，值為boolean類型，當值為true時，該類會被加在元素上。
17、ng-class-odd、ng-class-even
兩個指令，用來配合 ng-repeat 分別在奇數(shù)列和偶數(shù)列使用對應(yīng)的類，用在表格中實現(xiàn)隔行換色更方便
18、ng-style
ng-style 用來綁定元素的 css 樣式，其表達式的返回值為一個 js 對象，鍵為 css 樣式名，值為該樣式對應(yīng)的合法取值。用法比較簡單：
例：
$scope.style = {color:'red'};
<div ng-style="{color:'red'}">ng-style測試</div>
<div ng-style="style">ng-style測試</div>
?
轉(zhuǎn)載于:https://www.cnblogs.com/baoshuyan66/p/4875342.html
總結(jié)
以上是生活随笔為你收集整理的AngularJs 常用指令标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 创业公司用到的技术列表
- 下一篇： 在Linux下安装aws命令行操作