2015-06-01 12 views
13

पर काम नहीं कर रहा है मेरे पास निम्न इनपुट HTML तत्व है जो मैं अपने उपयोगकर्ता मॉडल में जो हो रहा है उसके आधार पर प्लेसहोल्डर को बदलना चाहता हूं।AngularJS: ng-placeholder

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" ng-placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}"> 

मैंने इस विधि को भी कोशिश की है जिसे कोणीय के पिछले संस्करणों में काम किया है, लेकिन कोई सफलता नहीं है।

ng-placeholder="user.AdAccount == true && 'Username' || 'AD Login'" 

फिलहाल मेरा प्लेसहोल्डर पूरी तरह से खाली दिखाई देता है। मुझे यह भी पता है कि AdAccount सही/गलत सही तरीके से धारण कर रहा है क्योंकि इसे एनजी-शो के साथ फ़ॉर्म पर कहीं और इस्तेमाल किया जा रहा है।

+0

एंगुलर का कौन सा संस्करण आप – chandu

+0

का उपयोग कर रहे हैं क्या आपने अभी तक {{}} बिना लाइन का उपयोग करने की कोशिश की है? – Guinn

+0

नमस्ते, मैं 1.3.15 का उपयोग कर रहा हूं, जो कि मैंने यहां कहीं और जवाब दिया है, ठीक है? और हाँ @ गुइन मैंने घुंघराले ब्रेसिज़ के बिना कोशिश की है और इससे कोई फर्क नहीं पड़ता। – user3407039

उत्तर

33

मुझे नहीं लगता कि कोई ngPlaceholder निर्देश है। करने के लिए अपने कोड को बदलने का प्रयास करें:

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}" /> 

है, बस placeholder में ng-placeholder बदलने के लिए, और सब कुछ ठीक काम करना चाहिए।

(नोट भी स्वतः बंद होने वाले स्लैश अगर आप मान्य एक्सएचटीएमएल के अनुरूप होना अनिवार्य।)

+0

मुझे वास्तव में पता नहीं था कि ये सशर्त बयान एनजी-निर्देशों के बाहर काम करेंगे। धन्यवाद! – user3407039

+0

{{...}} घुंघराले ब्रेसिज़ के भीतर किसी दिए गए अभिव्यक्ति को कोणीय मूल्यांकन करता है - बस {{2 + 2}} या जो भी हो, कोशिश करें, और आप देखेंगे। यदि आप निर्देशों का उपयोग करते हैं, तो आपको कर्ली की आवश्यकता नहीं है। –

+0

हाँ अब स्पष्ट लगता है कि आप इसे कहते हैं -_- – user3407039

1

HTML में:

<input type="text" placeholder="{{doctorname ? doctorname : 'Dr. your name'}}" 
     class="editable-class" ng-model="doctor.name" readonly/> 

नियंत्रक में:

$scope.doctorname = $scope.doctorinfo.name; 
5

आप कोशिश कर सकते हैं इस :

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" ng-attr-placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}"> 

एनजी-एटीआर- किसी भी एचटीएमएल विशेषता के साथ काम करेगा।