2013-05-24 36 views
10

HTMLDisable đầu vào nút bấm ở angularjs

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

Vì vậy, về cơ bản tôi muốn bật lĩnh vực đầu vào khi nút được nhấp. Tôi có thể làm điều này với một số javascript nhưng tôi muốn tìm ra một cách dễ dàng cho việc này.

Ví dụ trên không hoạt động. Bất kỳ ý tưởng tại sao?

Trả lời

16

Bạn có thể sử dụng ng nhấp chuột phải để thay đổi giá trị của 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, là có bất kỳ cơ hội để có đầu vào initally bị vô hiệu hóa? –

+0

Có, với ng-init - Tôi đã cập nhật câu trả lời của mình – joakimbl

+2

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

Các vấn đề liên quan