如何使用ng-if检查字符串是否包含其他子字符串?

时间:2015-05-25 02:23:49

标签: angularjs

首先,我想使用ng-if检查字符串是否包含其他子字符串“#teamA”或“#teamB”,如:

<ion-item ng-if="msg.indexOf("#teamA") > -1" class="teamA">            
    {{msg}}
</ion-item>
<ion-item ng-if="msg.indexOf("#teamB") > -1" class="teamB">            
    {{msg}}
</ion-item>

此代码无效。 其次,我希望每个{{msg}}具有不同的指定类(teamA和teamB)。我是否正确地做到这一点(如果我的ng-if有效)?

2 个答案:

答案 0 :(得分:7)

根据您的要求,您实际需要使用的是ngClass

ng-class="{'teamA': msg.indexOf('#teamA') > -1, 'teamB': msg.indexOf('#teamB') > -1}" 

然后你只需要一个元素

<ion-item ng-class="see above...">            
{{msg}}
</ion-item>

答案 1 :(得分:5)

双引号内有双引号。你的代码工作正常。

<div ng-if="msg.indexOf('#teamA') > -1" class="teamA">
    {{ msg }}
</div>
<div ng-if="msg.indexOf('#teamB') > -1" class="teamB">
    {{ msg }}
</div>