Получение «Невозможно связать с« ngIf », так как это не известное свойство« div »» даже после импорта Common Module - Angular 9

Question

Я продолжаю получать эту ошибку. Я импортирую Общий модуль, а также объявляю компонент в моем модуле! Пожалуйста, дайте мне знать, что с ним не так. ngif отлично работает с компонентами, импортированными в модуль приложения. По некоторым причинам это не работает для этого. Кстати, этот модуль лениво загружается в модуль маршрутизации приложения.

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, поэтому я мог проверить, но, очевидно, не работает.

Обновление : Не уверен, что я сделал, но я пошел спать, проснулся, и это сработало, не изменить одну строку кода.

Answer 1

Для модуля Root:

Модуль браузера экспортирует модуль Common; который реализует NGIF.

Требуется модуль браузера, как показано в другом ответе. Вот почему каждый проект должен импортировать модуль браузера.

Для функциональных модулей Они не используют модуль браузера. Таким образом, чтобы получить доступ к ngif, они должны импортировать Commonmodule.

Angular CLI При создании нового проекта CLI добавляет модуль root. Чтобы добавить модель компонента, введите:

Ng g module name

Вы увидите Commonmodule, наложенный на модули Feature.

Answer 2

Попробуйте импортировать BrowserModule.

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