真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網站制作重慶分公司

angularJs中關于ng-class的使用方式有哪些

小編給大家分享一下angularJs中關于ng-class的使用方式有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

10余年的西和網站建設經驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。全網整合營銷推廣的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同,自動調整西和建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“西和網站設計”,“西和網站推廣”以來,每個客戶項目都認真落實執(zhí)行。

在開發(fā)中我們通常會遇到一種需求:一個元素在不同的狀態(tài)需要展現不同的樣子。

而在這所謂的樣子當然就是改變其css的屬性,而實現能動態(tài)的改變其屬性值,必然只能是更換其class屬性

這里有三種方法:

第一種:通過數據的雙向綁定(不推薦)

第二種:通過對象數組

第三種:通過key/value( 推薦 )

下面簡單說下這三種:

第一種:通過數據的雙向綁定

實現方式:

function changeClass(){
 $scope.className = "change2";
}

網上各種不推薦,說實話,既然angularJS雙向數據綁定這么吊,為什么不能通過這個來改變呢!查了下原由:“在controller涉及了classname在我看來是乎總是那么詭異,我希望的是controller是一個干凈的純javascript意義的object”,當然并沒有明文固定不能夠這么使用的,而且反而我覺得這樣非常的方便,讓html中元素想怎么變就怎么變!同理中的img元素中的src就不可以通過別的來改變,但是通過這種方式就是可以的!

當然,這種方式也的確給人的感覺怪怪的,個人認為:可以不得已而為之~

第二種:通過字符串數組的形式來改變

實現方式:

function changeClass(){
 $scope.className = true/false;
}
 

實現很簡單,就是當className為真的時候class為zhende,相反則為jiade。

但是有一點不好的只能夠讓一個元素擁有兩種狀態(tài),雖然這么說!基本也是滿足所需了,我一般都用這個。簡單、直觀!

第三種:通過key/value的方式

實現方式:

function changeClass(){
 $scope.lala = true;
}
 

當lala為true的時候,class則為haha,個人認為這個是比較推薦的,可以彌補第二種方式的點點遺憾~

以上是“angularJs中關于ng-class的使用方式有哪些”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


網站名稱:angularJs中關于ng-class的使用方式有哪些
當前網址:http://weahome.cn/article/pcsojs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部