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

Question

我正在尝试使用 Angular 材料在 Angular 中创建一个表单。现在我正在为此苦苦挣扎。当我 select select 选项中带有标签 "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>

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

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

Answer 1

你可以这样试试

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;
  }

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

ngIf selected item is a specific value then

angular

angular-material2

angular-forms