скрыть и отобразить ввод в зависимости от опции переключателя, используя angular форму ввода в формате c 4 - PullRequest
0 голосов
/ 21 января 2020

Я пытаюсь заархивировать форму, где мне нужно использовать ионно-радиогруппу с 2 кнопками и входом, эта форма имеет простой вопрос, есть ли у вас аллергия, и если вы нажмете «да», форма показывает ввод текста, я хочу использовать это как пример для многих других вопросов, так что я ищу лучший способ выполнить это sh без копирования и вставки большого количества кода, в настоящее время я использую событие click для изменения логического значения, например это:

моя форма

<form [formGroup]="profileForm">
<p>¿Do you have any allergy?</p>
<ion-radio-group formControlName="allergy">
<ion-row>
<ion-col>
<ion-item lines="none">
<ion-label>yes</ion-label>
<ion-radio (click)="allergyToMedicine()" mode="md" slot="start" [value]="yes"></ion-radio>
</ion-item>
</ion-col>

<ion-col>
<ion-item lines="none">
<ion-label>No</ion-label>
<ion-radio (click)="notAllergicToMedicine()" mode="md" slot="start" [value]="'No'"></ion-radio>
</ion-item>
</ion-col>
</ion-row>
<ion-row *ngIf="isAllergyToMedicine">
<ion-col>
<textarea formControlName="allergy" class="form-control" rows="3"></textarea>
</ion-col>
</ion-row>
</ion-radio-group>

</form>

тс

isAllergy: boolean = false;
allergy(){
    this.isAllergy = true;
  }
  notAllergic(){
    this.isAllergy = false;
  }

Я хочу добавить больше вопросов, но я действительно не хочу копировать и вставлять много функций, чтобы поворачивать ввод каждый раз, когда мне нужна ..

любая помощь Добро пожаловать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...