模态字符串上的angular ng类javascript条件

模态字符串上的angular ng类javascript条件,javascript,angularjs,twitter-bootstrap,ng-class,Javascript,Angularjs,Twitter Bootstrap,Ng Class,我正在尝试基于模态值将样式类应用于 我正在尝试根据模式中的值添加glyphicons。但我很难得到那份工作。下面是我使用的代码 <span ng-class="{glyphicon:'true','glyphicon-search':(menu.name.indexOf('search')!=-1),'glyphicon-home':(menu.name.indexOf('home')!=-1)}"></span>{{menu.name}}</a> {{me

我正在尝试基于模态值将样式类应用于

我正在尝试根据模式中的值添加glyphicons。但我很难得到那份工作。下面是我使用的代码

<span ng-class="{glyphicon:'true','glyphicon-search':(menu.name.indexOf('search')!=-1),'glyphicon-home':(menu.name.indexOf('home')!=-1)}"></span>{{menu.name}}</a>
{{menu.name}

让我知道问题是什么,或者我是否应该在角度表达式中使用mehtod索引

我刚刚使用您的代码进行了测试,并且类正在正确填充。您面临的问题是什么?它会填充所有的menu.name值这就是问题所在,搜索应该只在menu.name是search时出现,home应该只在menu.name是home时出现。我仍然不确定我是否100%了解您,我想我现在明白了,听起来您可能想要一个
ng(如果
)来摆脱span,它不是一个图标友好的名称。或者您可以将
glyphicon
类合并到搜索和主页中:即
glyphicon glyphicon search':(menu.name.indexOf('search')!=-1)
并删除
glyphicon:'true'
,否则每个元素都将拥有该类谢谢。。我明白了。问题是,menu.name有大写字母,因此我始终为false,现在替换为menu.name.toLowerCase().indexOf('search')它现在工作正常。。