Javascript ngIf和@Input angular2奇数行为

NgIf似乎总是正确的，即使控制台显示为false

从下面的组件html

 <product-component-tree itemSku="{{item.itemSku}}" selectable="false" classes="col-md-12 col-xs-12"></product-component-tree>

组件的Html模板：

<div class="{{classes}}" *ngIf="selectable">
    something
    <p-tree [value]="treeData" layout="horizontal" selectionMode="checkbox" [(selection)]="selectedProducts" (onNodeSelect)="nodeSelect($event)"></p-tree>
</div>
<div class="{{classes}}" *ngIf="!selectable">
    else
    <p-tree [value]="treeData" layout="horizontal" [contextMenu]="productTreeCm" selectionMode="single" [(selection)]="selectedProduct"></p-tree>
    <p-contextMenu #productTreeCm [model]="items"></p-contextMenu>
</div>

某物
其他的

始终显示带有某些内容的div

目标：

---

使其正常工作，并在selectable为false时显示else div。

当您执行

selectable=“false”

时，将字符串值传递给组件

正如你所知，“假”是一种真实的价值观。（否则，请查看以下内容：）

您需要做的是：

<product-component-tree [itemSku]="item.itemSku" [selectable]="false" ...

---

执行
selective=“false”
操作时，将字符串值传递给组件

正如你所知，“假”是一种真实的价值观。（否则，请查看以下内容：）

您需要做的是：

<product-component-tree [itemSku]="item.itemSku" [selectable]="false" ...