Angular 2(v6)直列,如果还有?
我用有棱角的材料桌子。并在表中显示列列表(displayedColumns) 我需要使用“日期”过滤器(Angular 2(v6)直列,如果还有?,angular,angular6,angular-filters,Angular,Angular6,Angular Filters,我用有棱角的材料桌子。并在表中显示列列表(displayedColumns) 我需要使用“日期”过滤器({{element[column]|date}})显示“生日”列,但让其他列保持原样。如果列==“生日”,则应用过滤器“日期”,该怎么说 {{column}} {{元素[列]}} 试试看: <ng-container matColumnDef="{{column}}" *ngFor="let column of displayedColumns"> <th mat-he
{{element[column]|date}}
)显示“生日”列,但让其他列保持原样。如果列==“生日”,则应用过滤器“日期”,该怎么说
{{column}}
{{元素[列]}}
试试看:
<ng-container matColumnDef="{{column}}" *ngFor="let column of displayedColumns">
<th mat-header-cell *matHeaderCellDef> {{column}} </th>
<td mat-cell *matCellDef="let element"> {{column === 'birthday' ? (element[column] | date) : element[column]}} </td>
</ng-container>
{{column}}
{{column==='birth'?(元素[列]|日期):元素[列]}
试试看:
<ng-container matColumnDef="{{column}}" *ngFor="let column of displayedColumns">
<th mat-header-cell *matHeaderCellDef> {{column}} </th>
<td mat-cell *matCellDef="let element"> {{column === 'birthday' ? (element[column] | date) : element[column]}} </td>
</ng-container>
{{column}}
{{column==='birth'?(元素[列]|日期):元素[列]}
您可以创建自己的管道,检查列
并适当显示元素
,或者只需执行三元检查:
{{column !== "birthday" ? element[column] : element[column] | date}}
您可以创建自己的管道,选中
列
,并适当显示元素
,也可以只进行三元检查:
{{column !== "birthday" ? element[column] : element[column] | date}}
我不能使用类似于
element[column](column==“date”)的东西吗?(| date:“short”)
您必须尊重三元运算符语法。。所以不,我看不出你想要更多。我的意思是你做的很好,但只是为了缩短语法:如果可能,只有条件地应用过滤器(删除重复元素[column])不可能,除非你在typescript端而不是html端应用过滤器。。。但是它会更干净..不确定我是否知道如何做,但无论如何谢谢你,我不能使用类似element[column](column==“date”)的东西吗?(| date:“short”)
您必须尊重三元运算符语法。。所以不,我看不出你想要更多。我的意思是你做的很好,但只是为了缩短语法:如果可能,只有条件地应用过滤器(删除重复元素[column])不可能,除非你在typescript端而不是html端应用过滤器。。。但是它会更干净。我不确定我是否知道如何做,但是谢谢你。有没有可能从表达式中取出“元素[列]”以便不重复它?有没有可能从表达式中取出“元素[列]”以便不重复它?