Angular 如何从 viewChildren queryList 项中获取索引？

Question

I am watching for my radio buttons with :

  @ViewChildren('radioButton') radioButton: QueryList<MatRadioButton>;

Later I want to get the first and make it checked :

  public clickEmitFirst() {
    this.radioButton.forEach((radio,index) => {
        console.log(index);
        radio.checked = true;
        this.clickEvent.emit({ id: this.parentId, item: this.item });
    });
  }

The problem is that index is always 0 (3 console logs with 0)

How to fix that ?

Answer 1

I've made a demo in which everything works (looping through viewChildren and getting the index). Try to compare this, maybe you've made a typo somewhere. stackblitz

Answer 2

我的错，我在我的子组件中调用了 viewChildren 函数，它只有一个单选按钮（具有单个单选按钮的多个子组件），这就是我在每个组件中获得 0 索引的原因。