2013-05-24 10 views
10

एचटीएमएलबटन पर अक्षम इनपुट AngularJS

<input type="text" ng-model="email" ng-disabled="button" rquired> 
<a class="btn" ng-model="button">edit</a> 

तो बुनियादी तौर पर मैं बटन क्लिक होने इनपुट क्षेत्र सक्षम करना चाहते हैं पर क्लिक करें। मैं इसे कुछ जावास्क्रिप्ट के साथ कर सकता हूं लेकिन मैं इसके लिए एक आसान तरीका समझना चाहता हूं।

उपर्युक्त उदाहरण काम नहीं करता है। कोई विचार क्यों?

उत्तर

16

आप button का मान बदलने के लिए एनजी-क्लिक करें का उपयोग कर सकते हैं:

<input type="text" ng-model="email" ng-disabled="button" required ng-init="button=true"> 
<a class="btn" ng-click="button=false">enable edit</a> 
<a class="btn" ng-click="button=true">disable edit</a> 
<a class="btn" ng-click="button=!button">toggle edit</a> 
+0

Greate, वहाँ इनपुट initally अक्षम करने के लिए कोई मौका है? –

+0

हां, एनजी-इनिट के साथ - मैंने अपना उत्तर – joakimbl

+2

अपडेट किया है http://plnkr.co/edit/39KBgMQWfUreOLcP4x9T?p=preview – mrzmyr

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