2016-04-13 27 views
5
<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/ Bu açısal veri listesinde çalışmıyor keman, ı basit DataList ve (bu DataList kullanarak) bir girişi vardır. Seçenekler etiketindeki ng-hide neden çalışmıyor?ug gizleme

cevap

4

ngHide, seçenekler için çalışmaz. NgIf kullanmanız gerekiyor. Ancak, Angular 1.1.5'ten (Angular 1.1.5 introduced the ngIf directive) edinilebilir. Yani, Açısal sürümünüzü güncelleyin ve sorunu çözmek için ngIf kullanın. ngHide basitçe seçenekleri için çalışmaz bir öğeye display: none CSS uygulanan

<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/

bakınız. Örneğin, [IE11, Win7] "display: none" on OPTION tag is ignored. ngEğer hiç bir öğe oluşturmaz.

+0

Yardımlarınız için çok teşekkürler. Ng-f hakkında biraz fikrim vardı ama sürüm sorunu hakkında farkında değildim. Teşekkürler –

+0

JFYI, nasıl çalıştığına dair daha fazla bilgi sağlamak için cevabımı güncelledim. –