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

时间:2019-03-22 12:04:08

标签: angular angular-material2 angular-forms

我正在尝试使用Angular Materials在Angular中创建一个表单。现在,我为此而苦苦挣扎。当我在选择选项中选择标签为“ type behandeling”的值时,需要使用占位符“ begin tijd”设置下一个输入字段的值。

In [18]: list
Out[18]: [[1, 2, 3], [4, 5, 6], [3, 2, 4]]

In [19]: def contains(sublist):
             if sublist in list:
                  return True
             else:
                  return False
   ....:             

In [20]: contains([1,2,3])
True

In [21]: contains(2)
False

In [22]: 

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

有没有人可以帮助我解决此问题?谢谢!

1 个答案:

答案 0 :(得分: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;
  }