如何NG-如果角2

Question

<h3 style="color:#00bfff;margin:-14px 0 16px 0px" class="inline" *ng-if="data.for == 'next'"> 
    {{data.bannerText}}<sup><small>{{data.super}}</small></sup> 
</h3> 
<span class="NotinStockGrey"> {{data.textOne}} </span> 
<span style="color:#00bfff"> {{data.textTWo}} </span> 

错误：

zone.js:420 Unhandled Promise rejection: Template parse errors: Can't bind to 'ng-if' since it isn't a known property of 'h3'. ("0Fb;margin:-16px 0 16px 0px">

Answer 1

这是

*ngIf="..." 

（不ng-if）

https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

您还需要添加BrowserModule（AppModule）或CommonModule至imports: []的@NgModule(...)，以使其可用于模块的组件。

Answer 2

您必须使用* ngIf而不是* ng-if。

<h3 style="color:#00bfff;margin:-14px 0 16px 0px" class="inline" *ngIf="data.for == 'next'">{{data.bannerText}}<sup><small>{{data.super}}</small></sup></h3><span class="NotinStockGrey" > {{data.textOne}} </span><span style="color:#00bfff">{{data.textTWo}}</span> 

Answer 3

属性NG-如果Angular2 +被改变，所以简单地用*ngIf="whatever"

类似下面：

<div *ngIf="userObservable | async as user; else loading"> 
    Hello {{user.last}}, {{user.first}}! 
</div> 

或者是这样的：

<div *ngIf="mate"> 
    Hello {{ mate }}! 
</div>