Ng-hide 在数据列表中不起作用 Angular

Question

<body ng-app>
<datalist id="dataList">
  <select id="select">  
    <option ng-repeat="val in temp" ng-hide="true"  >{{val}}</option>
  </select>
</datalist>                            
<input  list="dataList"   ng-model="fromLocation"  />
</body>

http://jsfiddle.net/awnqm/284/ 这是 fiddle，我有一个简单的数据列表和一个输入（使用该数据列表）。为什么选项标签中的 ng-hide 不起作用。

Answer 1

ngHide 不适用于选项。你需要使用 ngIf。但是，它可以从 Angular 1.1.5 (Angular 1.1.5 introduced the ngIf directive) 获得。因此，请更新您的 Angular 版本并使用 ngIf 来解决问题。参见

<body ng-app>
<datalist id="dataList">
  <select id="select">  
    <option ng-repeat="val in temp" ng-if="false"  >{{val}}</option>
  </select>
</datalist>                            
<input  list="dataList"   ng-model="fromLocation"  />
</body>

http://jsfiddle.net/Gosha_Fighten/awnqm/288/

ngHide 只是将 display: none CSS 应用于对选项不起作用的元素。例如，[IE11, Win7] "display: none" on OPTION tag is ignored。 ngIf 根本不渲染元素。

Ng-hide 在数据列表中不起作用 Angular

Ng-hide not working in data list Angular

angularjs

datalist

ng-hide