2017-08-01 73 views
1

在我的角度2應用在TS文件已知財產,我有以下的點擊甚至,不能綁定到「* ngIf」,因爲它不是「TD」的angular2

ViewPages(Char: string): void { 
    this.selectedPage = Char; 
} 

在HTML中,我試圖選擇頁面中ngif

<td *ngIf="name[0] == {{selectedPage}}">{{name}}</td> 

綁定,但它拋出了「」不能與「* ngIf」,因爲它不是「TD」已知屬性。

這將是GRT幫助,如果有人幫我對此

+0

嘗試:'NG-IF = 「名稱[0] == {{selectedPage}}」' –

+0

似乎嘗試,而不是 '==' - > '===' –

回答

1

您應該使用NG-容器這一點。它不會被添加到生成的html中。

<ng-container *ngIf="name[0] == {{selectedPage}}"> 
    <td>{{ name }}</td> 
</ng-container> 

並確保,即CommonModule是進口的。

import { CommonModule } from '@angular/common'; 

@NgModule({ 
    imports: [ 
     CommonModule 
    ] 
}) 
+0

我已經試過了,我已經在app.module.js中添加了commonmodule,並在html中添加了這個代碼,現在我得到了下面的錯誤,因爲它不是ng-container的已知屬性,所以不能綁定到'* ngIf',如果'* ngIf '是一個Angular指令,然後將'CommonModule'添加到該組件的'@ NgModule.imports'中。我們是否需要在component.html中添加這個commonmodule? – sanakkian

+0

嗯,絕對問題與CommonModule導入。你可以在這裏添加你的模塊信息文件嗎? – Max

+0

您需要將其添加到使用它的每個模塊中。是否在app.module或其他位置聲明瞭組件?如果是這種情況,那麼還要在那裏添加一個導入狀態。 –

相關問題