您的位置：首页 > Web前端 > AngularJS

ng-class的几种用法

2017-10-25 14:16 507 查看
方法一、

ng-class="{true : 'checker disabled',false : 'checker' }[selectAllButton]"


"checker disabled","checker"是CSS样式,selectAllButton是判断条件，值为"true"or"false"


方法二、

ng-class="{'checker disabled' : item.disab, 'checker' : !item.disab}"

item.disab是判断条件，值为“true”or“false”


方法三、用{{}} 包住的变量表达式

ng-class="{{bClass}}"

$scope.bClass = "{'red':true,'green':false}"


方法四、

ng-class="tempClass"

tempClass是CSS样式名称

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                angularjs
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航