AngularJS 教學 - Attribute Directives

在  AngularJS 教學 - Element Directives 有提到幾個 AngularJS 中常用的 Element Directives

這些 Element Directive 都是能夠幫助開發者動態地新增或修改 HTML 元素或是 CSS

而接下來要介紹一些蠻常用到的 AngularJS Attribute Directive

Attribute 就是指 HTML 元素中的屬性，像是 disabled、checked

下表列出幾個常用的 Attribute Directive

• ng-disabled

          讓 input 或是 button 元素失效，等同於 HTML 中的 disabled，為一個布林值的屬性

          $scope.disable = false;

      ......

      Disable <input type="text"  ng-disabled="true"/><br/>

      Enable <input type="text"  ng-disabled="disable"/>

• ng-checked

          讓 checkbox 或是 radiobutton 被勾選，等同於 HTML 中的 checked，為一個布林值的屬性

          $scope.checked = false;

      ......

      Checked <input type="checkbox" ng-checked="true"/><br/>

      unchecked <input type="checkbox" ng-checked="checked"/>

          

• ng-selected

          讓 select 的某一個 option 為預選，等同於 HTML 中的 selected，為一個布林值的屬性

          <select>

         <option value="a">A</option>

         <option value="b" ng-selected="true">B</option>

         <option value="c">C</option>

      </select>

• ng-src

          設定 img 元素的圖片來源

• ng-href 

          設定 a 元素的連結路徑