AngularJS中ng class使用方法

2021-07-10 06:57:40 字數 756 閱讀 5787

有三種方法:

1、通過$scope繫結(不推薦)

2、通過物件陣列繫結

3、通過key/value鍵值對繫結

實現方法:

function ctrl($scope)

2、通過物件陣列繫結:

function ctrl($scope)

當isselected為true時,增加selected樣式;當isselected為false時,增加unselected樣式。

3、通過key/value鍵值對繫結:

function ctrl($scope)

當isa為true時,增加a樣式;當isb為true時,增加b樣式;當isc為true時,增加c樣式。

}

根據projects迴圈建立ion-item,當activeproject為當前迴圈到的project時,增加active樣式。

幾點說明:

1、不推薦第一種方法,因為controller $scope應該只有資料和行為

2、ng-class是增加相關樣式,可以和class同時使用

angularJs中的ng repeat的使用

最近專案中要求做乙個下拉的城市選擇的功能,由於專案使用了angularjs框架,所以自然而然的想到 ng repeat 指令,免去了自己寫迴圈的煩惱。所以總結一下 ng repeat 的使用方法 如下 ng repeat directive 城市選擇 請選擇城市 這應該是最簡單的ng repeat的...

angularJS中cookies的使用

提供瀏覽器cookies的讀 寫訪問操作。支援1.4及以上版本。需要引入ngcookies模組。angular.cookies min js 方法 get key 根據key返回該cookies值。key 搜尋cookies的id。getobject key 根據key返回該cookies的反序列化...

angularjs中的 sompile服務

compile服務 是angularjs裡比較重要但又很少手動呼叫的服務,通常 我們使用的angularjs指令 都是angularjs 自動編譯完成的,但有時我們可能需要手動編譯,比如 我們需要往現有的dom結構裡新增html 增加一列 li,這是就需要用到 compile了。compile 用於...