angularjs常用標簽


1、ng-app:告訴Angular他應該管理頁面的那一部分,可以放在html元素上也可以放在div等標簽上   

例如:<html ng-app="problem">

2、ng-controller:控制器,通過在body標簽上包含一個控制器,則可以管理body標簽之間的任何東西,也可以放在div上,來控制這一個div上的任何東西

例如:<body ng-controller="problemController">

3、ng-repeat:數組中每個元素進行for循環

例如:<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>
         </table>

4、{{......}}:將變量的值插入到頁面某部分和保持同步

5、ng-model=’…’:創建了輸入字段和…的數據綁定,{{.......}}建立的是單向的聯系

6、currency:過濾器,講我們做的這個美元形式格式化

7、ng-click:點擊事件

8、ng-bind:與{{......}}等價

9、ng-model:能與checkbox、input、radio等標准的元素正常的工作,如checkbox:SomeController中的$scope有一個youCheckedit的屬性,選中為true沒選中則為false

10、ng-change:change事件

12、ng-submit自動的阻止瀏覽器發送默認的post動作

13、ng-src、ng-href與src、href等同

14、ng-option:在select用到,就是講option里的對象動態的生成。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM