即使在导入了Common Module-Angular 9之后,也获得了“无法绑定到'ngIf',因为它不是'div'的已知属性”

时间:2020-03-28 05:44:19

标签: angular

我不断收到该错误。我要导入通用模块,并在模块中声明组件!请让我知道它有什么问题。 ngif在App Module中导入的组件上运行良好。由于某种原因,它不适用于此。顺便提一下,该模块正在被延迟加载到应用程序路由模块中。

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

import { EnterpriseRoutingModule } from './enterprise-routing.module';
import { LandingComponent } from './pages/landing/landing.component';


@NgModule({
  declarations: [LandingComponent],
  imports: [
    CommonModule,
    EnterpriseRoutingModule
  ],
})
export class EnterpriseModule { }

路由模块

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { LandingComponent } from './pages/landing/landing.component';


const routes: Routes = [
  {
    path: '',
    component: LandingComponent,
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class EnterpriseRoutingModule { }

这是HTML

<div class="row" *ngIf="true">
          <div class="col-lg-6">
            <h1>
              Feature Heading 1
            </h1>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
              enim ad minim veniam, quis nostrud exercitation ullamco laboris
              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
              reprehenderit in voluptate velit esse cillum dolore eu fugiat
              nulla pariatur. Excepteur sint occaecat cupidatat non proident,
              sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>
          </div>
          <div class="col-lg-6">
            img
          </div>
        </div>

它设置为true,所以我可以测试,但显然不起作用。

更新:不知道我做了什么,但是我上床睡觉,醒了,它起作用了,没有改变一行代码。

3 个答案:

答案 0 :(得分:1)

尝试导入BrowserModule。

import { BrowserModule } from '@angular/platform-browser';
 @NgModule({
     imports: [BrowserModule ]
  })

答案 1 :(得分:1)

尝试重新启动您的 ng serve 命令 ?。它对我有用。

答案 2 :(得分:-1)

我设法通过从路由模块中的组件中移除路由保护来解决这个问题,在我的例子中它是一个模态。