2013-05-24 3 views
10

HTMLDisable-Eingang auf die Schaltfläche klicken in AngularJS

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

Also im Grunde ich das Eingabefeld aktiviert werden soll, wenn die Schaltfläche geklickt wird. Ich könnte dies mit etwas Javascript tun, aber ich möchte einen einfachen Weg dafür herausfinden.

Das obige Beispiel funktioniert nicht. Irgendwelche Ideen warum?

Antwort

16

Sie können ng Sie auf den Wert von button verwenden ändern:

<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, da die Eingabe eine Chance initally deaktiviert zu haben ist? –

+0

Ja, mit ng-init - Ich habe meine Antwort aktualisiert – joakimbl

+2

http://pnnr.co/edit/39KBgMQWfUreOLcP4x9T?p=preview – mrzmyr

Verwandte Themen