Angular attr.data在角度5上返回null
我一直在尝试获取所选单选按钮的id值,为此我使用了attr.data formr,但是通过函数confirmed1()传递值后,它返回值NULL。我想要实现的是获取输入标记中定义的attr.data-formr的值。可能出了什么问题 HTML代码: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
<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