javascript - Angular 4模板中的 bool 值

我正在使用Angular 4。

我有一个简单的组件，叫价差。我想决定是否显示标题：

<price-difference showHeader="true"></price-difference>

在PriceDifferenceComponent中：

@Input() showHeader: boolean;

并在模板中：

<div class="header-container" *ngIf="showHeader == true">
    <h3>some header</h3>
</div>

showHeader is {{ showHeader }}
<br />
showHeader == true is {{ showHeader == true }}

即使showHeader是true，标题也不会显示。在模板中，我看到：

showHeader is true
showHeader == true is false

去弄个那个。

如何获得将showHeader视为布尔值的模板？

最佳答案

您必须将[ ]放在绑定变量周围：

<price-difference [showHeader]="true"></price-difference>

关于javascript - Angular 4模板中的 bool 值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48165473/