显示/隐藏基于MULTIPLE <select>框 - angularjs

Question

我有一个多选框，如下所示 ＆lt; select multiple name =“transActionGroup”id =“transActionGroup”ng-multiple =“true”ng-model =“transActionGroup”title =“按住CTRL选择多个交易类型。”＆gt;     ＆lt; option value =“None”＆gt;无＆lt; / option＆gt;     ＆lt; option value =“Custom Group”＆gt; Custom Group＆lt; / option＆gt;     ＆lt; option value =“ACH Credits”＆gt; ACH Credits＆lt; / option＆gt;     ＆lt; option value =“ACH Debits”＆gt; ACH Debits＆lt; / option＆gt; ＆LT; /选择＆GT; 当用户从上面的选择框中选择“自定义组”作为其中一个选项时，我想显示默认隐藏的＆lt; tr＆gt; 这是我的＆lt; tr＆gt; ＆lt; tr id =“custTransGrp”ng-if =“transActionGroup ==='Custom Group'”＆gt;     ＆lt; td class =“label-cell”＆gt; *自定义组：＆lt; / td＆gt;     ＆LT; TD＆GT;         ＆lt; input type =“text”ng-model =“customTransActionGroup”name =“customTransActionGroup”id =“customTransActionGroup”/＆gt;     ＆LT; / TD＆GT; ＆LT; / TR＆GT; 我试过了 ng-if =“transActionGroup ==='自定义组'” 但它不起作用

Answer 1

实际上您的ngModel是array，因此您无法使用===进行简单检查。

你应该使用

Array.prototype.indexOf()：

<tr id="custTransGrp" ng-if="transActionGroup && transActionGroup.indexOf('Custom Group') != -1">

甚至：

Array.prototype.includes()（检查链接中的浏览器兼容性）：

<tr id="custTransGrp" ng-if="transActionGroup.includes('Custom Group')">