控制指令:
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-when和ng-switch-default一起使用,來進行多條件下的選擇輸出
事件指令:
ng-click:用於捕捉用戶鼠標單擊操作,執行指定的事件處理函數
ng-dbclick:鼠標雙擊
ng-keydown:鍵盤按鍵按下
ng-keyup:鍵盤按鍵擡起
ng-mousedown:鼠標左鍵按下
ng-mouseup:鼠標左鍵擡起