Question

我正在尝试使用* ngIf，但我只收到此错误：

无法绑定到'ngIf'，因为它不是'i'
的已知属性

这是我的代码：

<div class="animated fadeIn">
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="card">

                <div class="card-header bg-info">
                    Pedidos <i  *ngIf="collapse" class="float-right fa fa-caret-up fa-2x"></i>
                </div>

                <div class="card-body">
                    <table class='table data-table' id='pedidos'>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>

Answer 1

您需要确保包含此组件的@NgModule(...)导入CommonModule

imports: [CommonModule]

否则这些指令在该模块中不可用。

在AppModule导入BrowserModule已包含CommonModule已使ngIf和其他模块可用于AppModule中的组件，但其他模块必须自行导入其依赖项

Answer 2

只需将BrowserModule导入app.module.ts文件，如下所示：

请注意imports部分。

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

import {AppComponent} from './app.component';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
    ],
    providers: [ ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Angular 4 ngIf问题

2 个答案: