2016-04-13 8 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/ इस में काम नहीं कर बेला है, मैं एक साधारण DataList और एक इनपुट (कि DataList का उपयोग) है। विकल्प टैग में एनजी-छुपा क्यों काम नहीं कर रहा है।एनजी-हाइड डेटा सूची कोणीय

उत्तर

4

ngHide विकल्पों के लिए काम नहीं करता है। आपको ngIf का उपयोग करने की आवश्यकता है। लेकिन, यह कोणीय 1.1.5 (Angular 1.1.5 introduced the ngIf directive) से उपलब्ध है। तो, अपने कोणीय संस्करण को अद्यतन करें और समस्या को हल करने के लिए 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 सीएसएस लागू किया देखें। उदाहरण के लिए, [IE11, Win7] "display: none" on OPTION tag is ignored। ng अगर कोई तत्व प्रस्तुत नहीं करता है।

+0

धन्यवाद मदद के लिए बहुत कुछ। मुझे एनजी-एफ के बारे में कुछ पता था लेकिन संस्करण के मुद्दे के बारे में पता नहीं था। धन्यवाद –

+0

जेएफवाईआई, मैंने अपना जवाब अपडेट किया है कि यह कैसे काम करता है इस बारे में अधिक जानकारी प्रदान करता है। –

संबंधित मुद्दे