W kontenerze mam menu rozwijane i wiele opcji wyboru oraz wybór ilości. Jednym kliknięciem przycisku chcę zresetować stan komponentu.

My component

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

W komponencie mam widokDzieci

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

I po kliknięciu przycisku próbuję czegoś takiego:

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

Ale to nie działa. Jak mogę to osiągnąć?

Wszelkie wskaźniki byłyby bardzo mile widziane.

-1
lesnar 14 styczeń 2020, 21:18

1 odpowiedź

Najlepsza odpowiedź

Zalecam użycie ngModel lub FormGroup, a następnie ustawienie modelu na fałsz w swoim komponencie. Nie ma potrzeby sprawdzania pól wyboru w ten sposób.

Jeśli jednak chcesz używać modułu renderującego, musisz ustawić kierowanie na nativeElement każdego ElementRef:

this.render.setProperty(currentelRef.nativeElement, "checked", false);
1
Alex K 14 styczeń 2020, 18:36