是否可以通过模型控制像'只读'的属性？

Question

有没有办法通过一个模型来控制像'readonly'这样的属性的值，一个不接受可以赋值的值？ （我知道readonly =“readonly”是有效的XHTML，但它没有帮助）。

下面，'name'和'value'可以通过模型进行更改，但'readonly'可能会如何？

<input type="text" name="country" value="Norway" readonly> 

Answer 1

是的，你可以使用ng-readonly指令：

<input type="text" name="country" value="Norway" ng-readonly="expression"> 

这将使输入只读为expression任何truthy值。

Answer 2

ngReadonly做的是：

<input type="text" name="country" value="Norway" ng-readonly="isCountryReadOnly"> 

Answer 3

没有与相应的指令，即selected，checked，disabled，readonly，required，并且open许多布尔属性。如果你需要某种自定义的布尔属性的，你必须添加监视和手动设置：

scope.$watch(attr['myAttrName'], function (value) { 
    attr.$set('attrName', !!value); 
}); 

这将评估包含在一个自定义属性的表达和显示如果表达式的计算所需布尔属性达到真正的价值。