angular的ng-class的多条件判断是非常好用的，不需要写过多的判断去更改他相应的class，

但大家要记住，在repeat中使用ng-class多条件判断时，

错误写法：<i class="icon2 icon-warp-box dataSourcesSet" ng-class="{false: {{tab.disableClass}},true:{{tab.ngClass}}}[dataManIsActive(tab.url)]" >
</i>


正确写法：<i class="icon2 icon-warp-box dataSourcesSet" ng-class="{false: '{{tab.disableClass}}',true:'{{tab.ngClass}}'}[dataManIsActive(tab.url)]" ></i>


引用tab.disableClass时需要给他加上引用符号，'{{tab.disableClass}}';否则不能执行成功；
												


											
关于angular的ng-class条件判断的更多相关文章
	

    
								
  1. 五、Angular定义字段、绑定字段、获取数据、对象获取数据、*ngFor循环获取数据，自定义方法、*ngIf条件判断、双向数据绑定
		
    1.定义属性 2.绑定属性.绑定html中 3.循环获取数据 编写的时候没有注意,第二个循环 i 需要改成 {{i}} ,这样才会显示 出效果 4.自定义方法 变量名截图省略 5.*ngIf条件判断  ...
    
		
    2. 
						
  2. Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定
		
    Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定 创建 angular 组件 https://github.com/angular/angular- ...
    
		
    3. 
						
  3. C# if中连续几个条件判断
		
    C# if中连续几个条件判断 1.if (条件表达式1 && 条件表达式2) 当条件表达式1为true时 using System; using System.Collections. ...
    
		
    4. 
						
  4. js条件判断时隐式类型转换
		
    Javascript 中,数字 0 为假,非0 均为真 在条件判断运算 == 中的转换规则是这样的: 如果比较的两者中有布尔值(Boolean),会把 Boolean 先转换为对应的 Number,即 ...
    
		
    5. 
						
  5. 5-3 bash脚本编程之二 条件判断
		
    1. 条件测试的表达式 1. [ expression ]  :注意这个中括号的前后都有一个空格 2. [[ expression ]] 3. test expression 2.条件判断的类型 1. ...
    
		
    6. 
						
  6. 第10章 Shell编程（3）_字符处理命令和条件判断
		
    3. 字符处理命令 3.1 排序命令:sort (1)sort命令:#sort [选项] 文件名 选项 作用 -f 忽略大小写 -n 以数值型进行排序,默认使用字符串型排序 -r 反向排序 -t 指定 ...
    
		
    7. 
						
  7. Nginx if 条件判断
		
    Nginx if 条件判断: 1.公司网站上线有这样的需求: 由于公司网站域名从http到https的转移,在测试阶段需要公司内部进行测试,公司内部局域网访问时强制访问加密的https服务,外部用户访 ...
    
		
    8. 
						
  8. shell条件判断与流程控制
		
    一 条件判断式语句 1.按文件类型进行判断 测试类型 作用 -b 文件 判断文件是否存在,并且是否为块设备文件(是块设备文件为真) -c 文件 判断文件是否存在,并且是否为字符设备文件(是字符设备设备 ...
    
		
    9. 
						
  9. 为什么说在使用多条件判断时switch case语句比if语句效率高？
		
    在学习JavaScript中的if控制语句和switch控制语句的时候,提到了使用多条件判断时switch case语句比if语句效率高,但是身为小白的我并没有在代码中看出有什么不同.去度娘找了半个小 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [转载]常用Web Service汇总（天气预报、时刻表等）
			
    下面总结了一些常用的Web Service,是平时乱逛时收集的,希望对大家有用. ============================================ 天气预报Web Servic ...
    
			
    2. 
						
  2. 【win8技巧】应用商店里面如何搜索应用app
			
    win8应用商店搜索app软件的技巧 1.组合键 WIN+C 打开屏幕最右边磁条 2.点击搜索,输入你想搜的软件名称,里面会列出你已经安装的app或者你点击下面的应用商店选项,就可以搜索互联网上应用商 ...
    
			
    3. 
						
  3. PHP unlink() 函数
			
    定义和用法 unlink() 函数删除文件. 若成功,则返回 true,失败则返回 false. 语法 unlink(filename,context) 参数 描述 filename 必需.规定要删除 ...
    
			
    4. 
						
  4. Android ServiceConnection
			
    绑定到一个Service 应用组件(客户端)可以调用bindService()绑定到一个service．Android系统之后调用service的onBind()方法,它返回一个用来与service交 ...
    
			
    5. 
						
  5. Android 国际化字符串资源,各语言目录表及从字符串资源文件读字符方法
			
    字符串国际化 只要在 res 目录下 建对应语言的 values 目录即可. res下values是所有资源(包括字符串资源)的默认目录,如果没有特指资源目录或找不到某资源时,就用它. 如values ...
    
			
    6. 
						
  6. 关于JQuery与AJAX验证
			
    AJAX验证,其实就是JS代码,他就是先利用Jquery或JS获取一个值,然后偷偷的把值传送到验证界面,然后在偷偷的把验证后的结果给传回来,利用传回来的结果在进行JS判断,从而不会刷新界面. 用图片解 ...
    
			
    7. 
						
  7. 转自 z55250825 的几篇关于FFT的博文（一）
			
        关于FFT,咱们都会迫不及待地 @  .....(大雾)(貌似被玩坏了...)    .....0.0学习FFT前先orz FFT君.         首先先是更详细的链接(手写版题解点赞0v ...
    
			
    8. 
						
  8. 做一个自己的最小Linux系统
			
     一.前言 Linux操作系统至1991.10.5号诞生以来,就源其开源性和自由性得到了很多技术大牛的青睐,每个Linux爱好者都为其贡献了自己的一份力,不管是在Linux内核还是开源软件等方面,都为 ...
    
			
    9. 
						
  9. JS模块化规范CommonJS，AMD，CMD
			
    模块化是软件系统的属性,这个系统被分解为一组高内聚,低耦合的模块.理想状态下我们只需要完成自己部分的核心业务逻辑代码,其他方面的依赖可以通过直接加载被人已经写好模块进行使用即可.一个模块化系统所必须的 ...
    
			
    10. 
						
  10. java.lang.IllegalStateException: Required view 'text1' with ID 2131492943 for field 'mText' was not found. If this view is optional add '@Nullable' annotation
			
    使用ButterKnife 8.2的时候遇到这个问题 很明显空指针问题 按照提示添加 import android.support.annotation.Nullable;@Nullable  造成原 ...
    
			
    11.