动态更改 ng 只读

Question

我正在尝试设置表格单元格的只读指令值：-

var node = e.currentTarget.parentNode.parentNode;
var cells = angular.element(node.querySelectorAll("input"));
//alert(cells.length);
//$scope.cell_readonly = false;
cells.attr("ng-readonly" , "false");

但我想这不是正确的方法。谁能指出一个简单的方法？

Answer 1

使用 AngularJs 本机数据单向绑定(从控制器到视图(来控制元素的 ng-readonly 属性。

例：

在看来，

<input type="text" ng-readonly="isReadOnly"/>

在控制器中，

$scope.isReadOnly = true;

您可以随时从控制器切换"isReadOnly"标志的状态。

Answer 2

这就是你使用它的方式

在NG-repeat上使用它以应用于多个元素

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

<input type="text" ng-readonly="ctrlBooleanValue" value="I'm read only"/>