动态更改ng-readonly

时间:2018-05-03 09:54:30

标签: angularjs

我正在尝试设置表格单元格的readonly指令值: -

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

但我想这不是正确的方法。有谁可以指出一个简单的方法?

2 个答案:

答案 0 :(得分:0)

这就是你如何使用它

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

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

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

答案 1 :(得分:0)

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

示例:

在视图中,

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

在控制器中,

 $scope.isReadOnly = true;

您可以切换&#39; isReadOnly&#39;的状态。在控制器的任何时间标记。