Angular 6 - primeng 所需条件

Question

我正在 Angular 6 中使用 PrimeNg 日历组件，并且我希望实现带有条件的 [required] 指令。一旦我用条件设置“必需”，无论条件是什么，它总是设置为 true。

<p-calendar 
  [required]="Item.status === 'In Transit'"
  [(ngModel)]="Item.actualPickup" showTime="true" 
  hourFormat="24" showSeconds="true" dateFormat="dd/mm/yy" 
  [showIcon]="true" showButtonBar="true" hideOnDateTimeSelect="true">
</p-calendar>

知道如何以模板驱动的形式执行此操作吗？

Answer 1

动态添加或删除required 属性:

<p-calendar [required]="Item.status === 'In Transit' ? '' : null">

当条件为 true 时，会生成没有值的 required 属性(因为 ''):

<p-calendar required>

否则，required 属性将被完全省略(因为 null):

<p-calendar>