angular常見內置指令


 控制指令:
       ng-app:
            用於定義Angular應用入口的指令,用於[自動引導]Angular程序的運行
            
            Angular通過ng-app指令,實現自動引導程序運行,底層是通過
            bootstrap()進行模塊DOM元素加載,開始運行!

 
         ng-controller
            模塊中,可以給模塊掛載一個或者多個控制器
            掛載好的控制器在當前模塊範圍內,可以通過ng-controller指令來指定控制器的作用範圍。


渲染指令:

ng-repeat:用於循環輸出指定的數據。

ng-bind:用於展示綁定的變量中的數據。

ng-bind-html:以瀏覽器的方式進行展示。

ng-include:頁面包含,可以通過該指令將指定頁面包含到當前頁面中。

節點指令:

ng-class:用於通過雙向綁定的數據變量來動態控制DOM元素的Class樣式

ng-class-even/odd:用於和ng-repeat結合使用時,控制偶數行和奇數行不同的樣 式處理,添加不同的樣式進行隔行樣式分離

ng-style:用於直接給Html標籤添加行內樣式的處理,樣式按照css標準語法添加

ng-src:用於將圖片路徑動態渲染到img標籤中

ng-href:用於將超鏈接路徑動態渲染到a標籤中

ng-if:選擇指令,用於根據指定條件進行DOM元素的移除或者重繪到DOM結構的操作

ng-show:顯示指令,用於當條件爲true時將指定的元素顯示繪製到網頁中

ng-hide:隱藏指令,用於當條件爲true時將指定的元素在頁面上隱藏display:none

ng-switch:多條件選擇指令,配合子指令ng-switch-whenng-switch-default一起使用,來進行多條件下的選擇輸出

事件指令:

ng-click:用於捕捉用戶鼠標單擊操作,執行指定的事件處理函數

ng-dbclick:鼠標雙擊

ng-keydown:鍵盤按鍵按下

ng-keyup:鍵盤按鍵擡起

ng-mousedown:鼠標左鍵按下

ng-mouseup:鼠標左鍵擡起


        
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章