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. PHP漏洞全解(六)-跨网站请求伪造
			
    本文主要介绍针对PHP网站的跨网站请求伪造.在CSRF所有攻击方式中包含攻击者伪造一个看起来是其他用户发起的HTTP 请求,事实上,跟踪一个用户发送的HTTP请求才是攻击者的目的. CSRF(Cros ...
    
			
    2. 
						
  2. 几种 Docker 监控工具对比
			
    轻量级虚拟化容器 Docker,自发布以来便广受业界关注,在开源界和企业界掀起了一阵风.Docker 容器相对于 VM 有以下几个优势:启动速度快:资源利用率高:性能开销小. 从图中可以看出 Dock ...
    
			
    3. 
						
  3. php重定向跳转
			
    一.用HTTP头信息 也就是用PHP的HEADER函数.PHP里的HEADER函数的作用就是向浏览器发出由HTTP协议规定的本来应该通过WEB服务器的控制指令,例如声明返回信息的类型("Co ...
    
			
    4. 
						
  4. [wikioi]装箱问题
			
    http://wikioi.com/problem/1014/ 01背包问题是最经典的动态规划之一,这道题目甚至是这其中还简单的一种,因为价值就是本身的重量了.本来比如,w是总重量限制,v[]是每个的 ...
    
			
    5. 
						
  5. 商务部公开微软持有的Android技术专利
			
    微软与众多Android厂商签署了专利授权协议,但从来没有公开它持有多少项Android技术专利.出人意料的是,为了收购诺基亚手机业务,微软今年4月递交到中国商务部的文件中完整公开了它的Android ...
    
			
    6. 
						
  6. 关于shell环境变量的思考
			
    shell中执行sh文件时需要开子进程,因此export的环境变量在子进程中,若想要sh中定义的脚本生效,使用source命令,并且可以被子进程继承.而子进程export的内容父进程获取不到
    
			
    7. 
						
  7. yiic 数据库迁移工具
			
    数据库的结构也同源代码一样随着我们开发的进行而不断的发生着改变.在开发过程中,一般的我们需要像管理我们的源代码一样记录下数据库结构的整个变化过程,以便代码还原到指定版本后,数据库能同步的还原到指定的版 ...
    
			
    8. 
						
  8. 六月计划#1A(6.1-6.8)
			
    5/35 数学 BZOJ_[HNOI2008]_Cards_(置换+Burnside引理+乘法逆元+费马小定理+快速幂) BZOJ_1005_ [HNOI2008]_明明的烦恼_(组合数学+purfe ...
    
			
    9. 
						
  9. android Service Activity三种交互方式（付源码）
			
    android SDK提供了Service,用于类似Linix守护进程或者windows的服务. Service有两种类型: 本地服务(Local Service):用于应用程序内部 远程服务(Rem ...
    
			
    10. 
						
  10. STL  for_each()
			
    http://www.cplusplus.com/reference/algorithm/for_each/ std::move()用于c++11 http://www.cplusplus.com/r ...
    
			
    11.