Question

在Angular HTML文件中，有一些带有常用名称的单选按钮，我正在尝试从.ts文件中更新其已禁用和已检查的属性，而该文件未发生。以下是我的代码

let elements = document.getElementsByName('option');
 console.log(elements.length);
    for(var i=0;i< elements.length;i++){
        elements[i].setAttribute('disabled','true');
        elements[i].setAttribute('checked','false');
    }

有人可以帮我吗？

Answer 1

尝试按此顺序影响属性：

尝试获取或设置特定属性，例如elements[i].disabled = true
如果没有特定属性，请使用getAttribute()或setAttribute()

Answer 2

为什么要直接操作DOM？使用ng，您应该使用数据/属性绑定

https://docs.angularjs.org/api/ng/directive/ngDisabled https://docs.angularjs.org/api/ng/directive/ngChecked

e.g。

<input type="checkbox" ng-checked="model.isChecked" ng-disabled="model.isDisabled" />

Answer 3

只需使用以下代码：

<强>组件

let elements = document.getElementsByTagName('input');
    console.log(elements);
    for(var i=0;i< elements.length;i++){
      elements[i].checked = true;
      elements[i].disabled = true;
    }

DEMO

已禁用且已选中单选按钮无效

3 个答案: