2017-08-01 74 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或其他位置声明了组件?如果是这种情况,那么还要在那里添加一个导入状态。 –

相关问题