时间戳

首页 > 解决方案 > ng如果所选项目是特定值，则

angular - ng如果所选项目是特定值，则

问题描述

我正在尝试使用 Angular Materials 在 Angular 中创建一个表单。现在我正在努力解决这个问题。当我在带有标签“type behandeling”的选择选项中选择一个值时，它需要使用占位符“begin tijd”设置下一个输入字段的值。

<mat-form-field>
  <mat-label>Type behandeling</mat-label>
     <mat-select [(ngModel)]="data.cure" >
       <mat-option *ngFor="let typeCure of typeCures" [value]="typeCure.value">
            {{typeCure.viewValue}}
        </mat-option>
     </mat-select>
 </mat-form-field>

      <mat-form-field>
          <input matInput type="time" placeholder="Begin tijd" [(ngModel)]="data.begin">
      </mat-form-field>

例如，如果选择字段的值为“Sittard”，则输入字段的值必须为“13:00”。

有没有人可以帮我解决这个问题？谢谢！

标签： angularangular-material2angular-forms

解决方案

你可以试试这样

HTML

 <mat-form-field>
  <mat-label>Type behandeling</mat-label>
  <mat-select [(ngModel)]="data.cure" >
    <mat-option *ngFor="let typeCure of typeCures" [value]="typeCure.value" (selectionChange)="doSomething(typeCure.value)">
         {{typeCure.viewValue}}
     </mat-option>
  </mat-select>
 </mat-form-field>

  <mat-form-field>
      <input matInput type="time" placeholder="Begin tijd [(ngModel)]="selectedValue">
  </mat-form-field>

TS

  selectedValue: any;
  doSomething(data) {
   this.selectedValue = data;
  }

推荐阅读