Question

          <div class="row">
            <div class="text" #radioButtonWrapper id="radioButtonWrapper" style="display:inline-block;">Płeć</div>
            <div class="data">
              <div id="genderSection" style="display:inline-block;">
                <radiobutton [(model)]="gender" name="plec" value="Female" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Kobieta</radiobutton>
                <radiobutton [(model)]="gender" name="plec" value="Male" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Mężczyzna</radiobutton>
              </div>
            </div>
          </div>

 reciveRadioButtonVal($event, radiobutton) {
    console.log(radiobutton);
    console.log(radiobutton.nativeElement);
}

首先是console.log（）显示

<div _ngcontent-c3="" class="text" id="radioButtonWrapper" style="display:inline-block;">Płeć</div>

第二个console.log（）显示未完成

我的问题是如何获取此元素的ID

Answer 1

您应该能够访问您在红色中看到的属性，就像它们是javascript对象属性一样，所以在这种情况下 console.log(radiobutton.id)应该做的伎俩

传递对Dom元素的引用

1 个答案: