ng-class結合三目運算


ng-class文檔:https://docs.angularjs.org/api/ng/directive/ngClass

但是在實際項目中可能會用到三目運算,實例如下:

   <ul>
        <li ng-repeat="chat in chats" ng-class="$index==0?'yea':'no'">
            {{chat.name}}
        </li>
    </ul>
.yea{color:yellowgreen;}
.no{color:orangered;}

循環數據時如果是第一條數據也就是索引為0的數據加上yea樣式,否則的話就添加no

經過測試當使用angular.js的版本是1.5.0的時候會實現以上功能,當版本是1.0的時候就會報錯

 


免責聲明!

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



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