是否可以通過模型控制像'只讀'的屬性？

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); 
}); 

這將評估包含在一個自定義屬性的表達和顯示如果表達式的計算所需布爾屬性達到真正的價值。