模板中的Angular条件

Question

我有一个子组件app-page-header，我想要的是如果headerOptions。== '空闲处置'然后[titleData] = 'headerOptions. '如果headerOptions。headerTitle === '空闲处置' then [titleData]= "{{dealDetails?.dealType}}">

我们如何在angular语法中实现这个逻辑?谢谢你的帮助。

#my current implementation

<app-page-header
[titleData]="headerOptions.headerTitle !== 'Idle Disposition' ? headerOptions.headerTitle : headerOptions.headerTitle ({{dealDetails?.dealType}})"
[breadCrumbs]="headerOptions.breadCrumbs"
[hasTabs]="false"
>
<p>{{dealDetails?.dealType}}</p>

Answer 1

这将完全显示您所描述的内容:

[titleData]="headerOptions.headerTitle !== 'Idle Disposition' ? headerOptions.headerTitle : '{{dealDetails?.dealType}}'"

但是，您可能希望显示dealDetails?.dealType的值，而不是精确的文本"{{dealDetails?.dealType}}"在这种情况下，你应该能够使用这个:

[titleData]="headerOptions.headerTitle !== 'Idle Disposition' ? headerOptions.headerTitle : dealDetails?.dealType"