错误 TS2339：属性"值"在 augular 中的类型"事件"上不存在

Question

这是我的HTML代码。我得到了一个错误，好像我们没有事件的value属性。

<form [formGroup]="formGroup" (ngSubmit)="onSubmit()">
<ol class="form-group">
<mat-radio-group aria-labelledby="quiz-form-radio-group" formControlName="answer" name="answer" (change)="radioChange($event.value)" required>
<div class="radio-options" *ngFor="let option of question.options">
<mat-radio-button name="option-radio-button" class="option1" [value]="option.optionValue" [checked]="question.selectedOption == option.optionText" [ngClass]="{'is-correct': isCorrect(option.optionValue),
'is-incorrect': isIncorrect(option.optionValue)}">
<li>{{ option.optionText }}</li>
<mat-icon class="feedback-icon" *ngIf="isCorrect(option.optionValue)">done</mat-icon>
<mat-icon class="feedback-icon" *ngIf="isIncorrect(option.optionValue)">clear</mat-icon>
</mat-radio-button>
<section class="messages">
<div *ngIf="isCorrect(option.optionValue) && !!isIncorrect(option.optionValue)">
<mat-icon class="sentiment">sentiment_very_satisfied</mat-icon>&nbsp;&nbsp;
<pre class="message correct-message">  You&apos;re right! The correct answer is Option {{ question.answer }}.</pre>
</div>
<div *ngIf="isIncorrect(option.optionValue)">
<mat-icon class="sentiment">sentiment_very_dissatisfied</mat-icon>&nbsp;&nbsp;
<pre class="message wrong-message">  That&apos;s wrong. The correct answer is Option {{ question.answer }}.</pre>
</div>
</section>
</div>
</mat-radio-group>
</ol>
</form>

我只是想知道有什么替代的方法来实现它。

Answer 1

试两次:

. html

<mat-radio-group aria-labelledby="quiz-form-radio-group" formControlName="answer" name="answer" (change)="radioChange(this.getValue($event))" required>

和.ts

getValue(event: Event): string {
return (event.target as HTMLInputElement).value;
}