启用文本框的 Angular 指令

Question

如果单击复选框，则必须删除文本框中的只读属性，并在取消单击时添加 git。这可以通过角度指令来完成

<div class="radio"> 
     <label>
       <input type="radio">Project</label>
       <input type="text" name="project" id="project" readonly/>
</div>

Answer 1

你可以只使用内置指令ngReadonly：

<input type="checkbox" ng-model="readonly">Project</label>
<input type="text" name="project" id="project" value="" placeholder="Project" ng-readonly="!readonly"/>

Here's a working plunkr.

Answer 2

看看https://docs.angularjs.org/api/ng/directive/ngReadonly:

<label>Check me to make text readonly: <input type="checkbox" ng-model="checked"></label><br/>
<input type="text" ng-readonly="checked" value="I'm Angular" aria-label="Readonly field" />