Angular attr.data在角度5上返回null

Angular attr.data在角度5上返回null,angular,radio-button,getelementbyid,attr,Angular,Radio Button,Getelementbyid,Attr,我一直在尝试获取所选单选按钮的id值,为此我使用了attr.data formr,但是通过函数confirmed1()传递值后,它返回值NULL。我想要实现的是获取输入标记中定义的attr.data-formr的值。可能出了什么问题 HTML代码: <form [formGroup]="posTrial" #q1> <label class="labl"> <input type="radio" [attr.data-formr]=1

我一直在尝试获取所选单选按钮的id值,为此我使用了attr.data formr,但是通过函数confirmed1()传递值后,它返回值NULL。我想要实现的是获取输入标记中定义的attr.data-formr的值。可能出了什么问题

HTML代码:

<form [formGroup]="posTrial" #q1> 
   <label class="labl">
    <input type="radio" 
     [attr.data-formr]=1 
     class="form-control" 
     formControlName="pos1"  
     value={{quizData[0].option1}}>
    <div class="option">{{quizData[0].option1}}</div>
   </label>
  <label class="labl">
    <input type="radio" 
      [attr.data-formr]=2  
      class="form-control"  
      formControlName="pos1"  
      value={{quizData[0].option2}}>
    <div class="option">{{quizData[0].option2}}</div>
  </label>
  <label class="labl">
    <input type="radio" 
      [attr.data-formr]=3 
       class="form-control" 
       formControlName="pos1"  
       value={{quizData[0].option3}}>
     <div class="option">{{quizData[0].option3}}</div>
   </label>
    <label class="labl">
      <input type="radio" 
        [attr.data-formr]=4 
        class="form-control" 
        formControlName="pos1"  
        value={{quizData[0].option4}}>
      <div class="option">{{quizData[0].option4}}</div>
    </label>
    <div *ngIf="toggle1!=1 ; then template1; else template2" style="display:inline"></div>
    <ng-template #template1>
        <button mat-raised-button color="primary" style="width:100%;"  (click)="confirmed1(this.posTrial.value.pos1,q1.getAttribute('data-formr'))" [disabled]="!posTrial.dirty" class="footer">Confirm</button>
    </ng-template>
    <ng-template #template2>
        <button mat-raised-button color="primary" style="width:100%;" class="footer1" (click)="selectNext(matgroup)" >Next</button>
        <button mat-raised-button color="primary" style="width:100%;"  class="footer2" (click)="openDialog(quizData[0].info)" >Show Details</button>
    </ng-template>
 </form>
控制台结果

option11              page-questions.component.ts:178 
Charlie SOS           page-questions.component.ts:180 
null                  page-questions.component.ts:186

我找到了解决办法。我没有从属性收集数据。相反,我这样做的方法是完全错误的。我必须使用
getAttributes()
来获取属性的特定值

option11              page-questions.component.ts:178 
Charlie SOS           page-questions.component.ts:180 
null                  page-questions.component.ts:186