Скрыть некоторые поля формы и добавить данные в фоновом режиме - PullRequest
Новая
       20

Скрыть некоторые поля формы и добавить данные в фоновом режиме

0 голосов
/ 08 июня 2018

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

<form [formGroup]="fb" (ngSubmit)="createData()">
  <ion-item class="form-group">
    <ion-label floating>User name</ion-label>
    <ion-input type="text" [value]="username" id="username" class="form-control" formControlName="username"></ion-input>
  </ion-item>

  <ion-item class="form-group">
    <ion-select interface="action-sheet" formControlName="destinationid">
      <ion-option *ngFor="let destinationid of destinations" [value]="destinationid._id">{{destinationid._id}}</ion-option>
    </ion-select>
  </ion-item>
</form>

Formbuilder моего компонента: 

  username='swara';
  destinations = ['china','korea','japan'];
    this.fb = formBuilder.group({
  //some field removed
  username: [this.username],
  destinationid: formBuilder.array([this.destinationid])
});

1 Ответ

0 голосов
/ 08 июня 2018

Вы можете использовать атрибут 'hidden', он установит display:none в CSS для вашего HTML-элемента, не удаляя его из DOM.

Чтобы использовать его, добавьте [hidden]="some boolean" 

<form [hidden]="some boolean" [formGroup]="fb" (ngSubmit)="createData()">
  <ion-item class="form-group">
    <ion-label floating>User name</ion-label>
    <ion-input type="text" [value]="username" id="username" class="form-control" formControlName="username"></ion-input>
  </ion-item>

  <ion-item class="form-group">
    <ion-select interface="action-sheet" formControlName="destinationid">
      <ion-option *ngFor="let destinationid of destinations" [value]="destinationid._id">{{destinationid._id}}</ion-option>
    </ion-select>
  </ion-item>
</form>
...