Как я могу сбросить дочерние атрибуты контейнера с помощью рендерера?

Question

В контейнере у меня есть выпадающий список, несколько вариантов выбора и количество. Одним нажатием кнопки я хочу сбросить состояние компонента.

  <input #select type="checkbox"  value="somevalue"/>

В компоненте у меня есть viewChildren

@ViewChildren('select') selectReference:QueryList<ElementRef>;

И при нажатии кнопки, я пытаюсь что-то вроде это:

 submitProduct(){
      for(let currentelRef of this.selectReference.toArray()){
        console.log(currentelRef);
        this.render.setProperty(this.selectReference,'checked',false);
      }
}

но это не работает. Как я могу добиться этого?

Любые указатели будут высоко оценены.

Answer 1

Я бы порекомендовал использовать ngModel или FormGroup, а затем просто установить для модели значение false в вашем компоненте. Нет необходимости запрашивать флажки таким образом.

Но, если вы хотите использовать Renderer, вам нужно настроить таргетинг на nativeElement каждого ElementRef:

this.render.setProperty(currentelRef.nativeElement, "checked", false);