AngularJs: Показать / Скрыть столбец таблицы на основе раскрывающегося списка в первом столбце

Question

Использование angularjs

У меня есть таблица, столбец которой я привязываю к массиву.

Второй столбец является раскрывающимся.

Я хочу иметь другие 5-6 столбцов (текст и раскрывающийся список), которые я хочу показать / скрыть в зависимости от значения раскрывающегося списка второго столбца.

Я попробовал следующий код:

  <table class="table table-bordered">
    <thead>
    <tr>
        <th>Name</th>
        <th>Value</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in items">
       <td >{{item.name}}</td>
       <td >  
          <select name="utype" class="form-control input-medium"  ng-model="utype">
                  <option value="">---Please select---</option>
                  <option ng-repeat="type in types" >{{type.text}}</option>
          </select></td>
      <td><span ng-hide="utype =='Type1' || utype!=undefined" >{{item.value}}</span></td>
      <td><button class="btn btn-small" ng-click="edit(item)">Edit</button></td>
    </tr>
    </tbody>
  </table>

ng-hide="utype =='Type1' || utype!=undefined"

Но это работает только в первый раз. После сокрытия не работает.

Может ли кто-нибудь указать, что мне нужно сделать, чтобы это заработало:

Answer 1

utype!=undefined всегда верно после того, как вы установили ng-model="utype"> в первый раз.Выньте utype!=undefined и попробуйте.

<td><span ng-hide="utype =='Type1' >{{item.value}}</span></td>

Также, imo, вы должны использовать === вместо '=='.см. SO ответ для деталей.например.ng-hide="utype ==='Type1'