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

Question

首先,我想使用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有效)？

Answer 1

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

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

那你只需要一个元素

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

Answer 2

双引号内有双引号.你的代码工作得很好.

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