Question

有一个新要求，即在角度为6的应用程序中包括单选按钮输入。分为两页：“请求”和“批准”。用户在请求页面中输入值并提交请求。批准者应在批准页面上打开请求，并应能看到请求者输入的所有详细信息。所有其他值均显示在批准者页面中，但未根据请求者页面上提供的值预先选择单选按钮。

注意：我们需要在两个页面上分别存储响应以用于数据库条目。

request.requestPurpose的值正确显示，并显示在单选按钮上方。我也使用了ng-checked，但是它没有用。此外，当我仅对任何特定的单选按钮使用[checked] =“ true”时，它不能同时使用。

<h3>{{request.requestPurpose}}</h3>
<h4>{{request.dispensePurpose}}</h4>
<mat-radio-group required name="purpose" [(ngModel)]="request.dispensePurpose">
  Please select the request purpose :<br >
   <mat-radio-button value="Manufacturing"  *ngIf="request.reevaluationDate" [checked]="request.requestPurpose==='Manufacturing'" >Manufacturing stuff</mat-radio-button ><br>
    <mat-radio-button value="Manufacturing" [checked]="request.requestPurpose==='Manufacturing'" >Manufacturing and cleaning stuff</mat-radio-button><br>
    <mat-radio-button value="Development" [checked]="request.requestPurpose==='Development'">Dev is in progress</mat-radio-button><br>
    <mat-radio-button value="Testing" [checked]="request.requestPurpose==='Testing'">testing is being done</mat-radio-button><br>
    <mat-radio-button value=" " [checked]="request.requestPurpose===' '">None of the above apply to this request</mat-radio-button>
</mat-radio-group>

应该根据request.requestPurpose中存储的值对按钮进行预先检查。

Answer 1

我等待答复，但没有得到答复。但是，我能够找出解决方案。

虽然使用[（ngmodel）]，但无法使用[checked]属性，所以我们可以在.ts文件中进行处理。

就我而言，我默认使用以下命令根据request.requestPurpose中的值检查单选按钮：

request.dispensePurpose = request.requestPurpose

无法在Angula6的HTML页面上预选垫单选按钮

1 个答案: