Manipular array de toggle's

html
          <ion-list>
              <ion-item *ngFor="let ex of treino.exG2">
                  <ion-label>
                      <h6>{{ex.ex}}</h6>
                  </ion-label>
                    <ion-toggle
                      color="secondary"
                    ></ion-toggle>
              </ion-item>
          </ion-list>

ts
    let itens = document.querySelectorAll('ion-toggle');
    let button = <HTMLButtonElement>itens[0].querySelector('button');
    console.log(button.getAttribute('aria-checked'))
    button.setAttribute('aria-checked', 'true');

    this.renderer.setElementAttribute(button, 'aria-checked', 'true');

Eu criei uma lista de toggle's com um ngFor.

Consegui pegar o valor ("checked" e "id") inclusive se troco o atributo "button.setAttribute('aria-checked', 'true');" Quando dou um log ele troca.

O problema é q ñ troca na view. A linha "this.renderer.setElementAttribute(button, 'aria-checked', 'true');" ñ esta fazendo nada.