Отключен и проверен на радио кнопка не работает

Question

В угловом 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

Почему вы манипулируете DOM напрямую?При использовании ng вы должны использовать привязки данных / атрибутов

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

например,

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

Answer 2

Просто используйте следующий код:

компонент

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

Answer 3

Попробуйте повлиять на атрибуты в следующем порядке:

1. Попробуйте получить или установить определенное свойство, например elements[i].disabled = true
2. Если конкретного свойства нет, используйте getAttribute() или setAttribute()