Показать / Скрыть <tr> на основе поля MULTIPLE <select> - angularjs

Question

Показать / Скрыть <tr> на основе поля MULTIPLE <select> - angularjs

0

У меня есть несколько блоков выбора следующим образом

<select multiple name="transActionGroup" id="transActionGroup" ng-multiple="true" ng-model="transActionGroup" title="Hold CTRL to select more than one transaction type.">
    <option value="None">None</option>
    <option value="Custom Group">Custom Group</option>
    <option value="ACH Credits">ACH Credits</option>
    <option value="ACH Debits">ACH Debits</option>
</select>

Я хочу показать <tr>, который скрыт по умолчанию, когда пользователь выбирает "Пользовательская группа" в качестве одного из своих вариантов из указанного выше окна выбора

Это мой <tr>

<tr id="custTransGrp" ng-if="transActionGroup === 'Custom Group'">
    <td class="label-cell"> * Custom Group(s) : </td>
    <td>
        <input type="text" ng-model="customTransActionGroup" name="customTransActionGroup" id="customTransActionGroup" />
    </td>
</tr>

Я пытался

ng-if="transActionGroup === 'Custom Group'"

но это не сработало

Nishant123 01 авг. 2016, в 13:09

Источник

0

jsfiddle.net/TahmidTanzim/N9Vqk
Jaydeep Gondaliya 01 авг. 2016, в 10:16
0

Если вы выберете более одной опции, transActionGroup будет массивом, состоящим из выбранных опций, например ['Custom Group', 'ACH Credits'] .
Adwaenyth 01 авг. 2016, в 10:20
0

Как я могу сравнить этот массив в атрибуте ng-if ?
Nishant123 01 авг. 2016, в 10:33
0

['Custom Group', 'ACH Credits'].indexOf('Custom Group') != -1
Slava Utesinov 01 авг. 2016, в 10:42

Показать ещё 2 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Если вы выберете более одной опции, transActionGroup будет массивом, состоящим из выбранных опций, например ['Custom Group', 'ACH Credits'] .
Как я могу сравнить этот массив в атрибуте ng-if ?
['Custom Group', 'ACH Credits'].indexOf('Custom Group') != -1

developer033 · Answer 1 · 2016-08-01T18-47-00.000Z

На самом деле ваш 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')">