Невозможно предварительно выбрать радиокнопку мат на странице HTML в Angula6 - PullRequest
Новая
       19

Невозможно предварительно выбрать радиокнопку мат на странице HTML в Angula6

0 голосов
/ 31 мая 2019

Существует новое требование для включения радиокнопки в угловое приложение. Есть две страницы: Запрос и Утверждение. Пользователь вводит значение на странице запроса и отправляет запрос. Утверждающий должен открыть запрос на странице одобрения и должен видеть все детали, введенные запрашивающей стороной. Все остальные значения отображаются на странице утверждающей стороны, но переключатель не привязывается предварительно на основе значения, указанного на странице запрашивающей стороны.

Примечание: нам нужно хранить ответы на обеих страницах отдельно для записей в базе данных.

Значение request.requestPurpose отображается правильно и отображается над переключателями. Я также использовал ng-check, но это не сработало. Кроме того, когда я использую просто [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.

1 Ответ

0 голосов
/ 03 июня 2019

Я ждал ответа, но не получил его. Однако я смог найти решение.

При использовании [(ngmodel)] невозможно использовать атрибут [флажок], поэтому мы можем обработать его в файле .ts.

В моем случае я использовал следующее для проверки переключателя по умолчанию на основе значения в request.requestPurpose:

request.dispensePurpose = request.requestPurpose

...