首页 文章

Angular 4 ngIf问题

提问于
浏览 次
1

我正在尝试使用* 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>
angular

2 回答

  • 0

    只需要将 BrowserModule 导入 app.module.ts 文件，如下面的代码：

    请注意进口部分 .

    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 {
}
    回复于
  • 4

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

    imports: [CommonModule]

    否则在该模块中将不提供此类指令 .

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

    回复于

相关问题