angular里面ng-class的幾個用法


 ng-class可以動態的給元素添加樣式,在我之前用的一些實例中除了基本的用法之外,還總結了兩個小點的tips

1、當你的列表是ng-repeat出來的話,當點擊某一個列的時候希望給他加上某個樣式,

 

<ui ng-repeat="i in [1,2,3]">
<li ng-class="{'tabnav-active':$index==selected}"></li>
</
ul>

2、樣式可能是根據不同的值顯示不同的樣式,比如項目的圖標顯示項目的當前狀態

<div ng-class="{'style1':projectType==1,'style2':projectType==2,'style3':projectType==3,}"></div>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM