javascript - AngularJs:根据第一列中的下拉列表显示/隐藏表列

Question

使用 Angular

我有一个表，我将第一列绑定(bind)到一个数组。

第二列是下拉菜单。

我想要根据第二列下拉列表的值显示/隐藏其他 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 answer了解详情。
例如。ng-hide="utype ==='Type1'