0

我想有条件地添加一个材料日期选择器，但不复制我的输入标签。

例如，如果我有这个：

.ts ：

isDatePickerInputList: boolean[] = [false, true]

简单的方法是在 *ngFor 中有 2 个输入：第一个输入是普通输入，第二个输入是与 matDatePicker 链接的输入

但我不想要这个解决方案，因为这意味着复制我的输入标签

.html：

<ng-container *ngFor="let isDatePickerInput of isDatePickerInputList">

   <ng-container *ngIf="isDatePickerInput">
      <input [matDatepicker]="picker" matInput>
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
   </ng-container>

   <ng-container *ngIf="!isDatePickerInput">
      <input matInput>
   </ng-container>

</ng-container>

我想要这样的东西（但当然这实际上不起作用）：

<ng-container *ngFor="let isDatePickerInput of isDatePickerInputList">

   <input [matDatepicker]="isDatePickerInput ? 'picker' : ''" matInput>
   <ng-container *ngIf="isDatePickerInput">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
   </ng-container>
</ng-container>
4

1 回答 1

0 
<ng-container *ngFor="let isDatePickerInput of isDatePickerInputList">
    <ng-container *ngIf="isDatePickerInput"> text {{isDatePickerInput!.picker}} 
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
</ng-container>
</ng-container>

没试过但肯定不行我想也许在这里你会发现一些有用的东西：角度模板语法

于 2019-09-25T10:02:22.773 回答