angular2-template - 无法绑定(bind)到 '*ngIf'，因为它不是 angular2 中 'td' 的已知属性

Question

在我的 Angular 2 应用程序中，在 ts 文件中，我在下面点击了偶数，

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

在html中，我尝试绑定(bind)ngif中的选择页面

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

但它抛出“”无法绑定(bind)到“*ngIf”，因为它不是“td”的已知属性。

如果有人帮助我解决这个问题，我会很高兴

Answer 1

为此，您应该使用ng-container。它不会添加到生成的 html 中。

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

并确保 CommonModule 已导入。

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

@NgModule({
    imports: [
        CommonModule
    ]
})