Невозможно связать с 'ngForOf', так как это не известное свойство 'li' Angular 9 - PullRequest
Новая
       0

Невозможно связать с 'ngForOf', так как это не известное свойство 'li' Angular 9

2 голосов
/ 06 апреля 2020

Этот вопрос задавался здесь несколько раз, и после того, как я рассмотрел достаточное количество решений, я отвечаю, потому что общее решение о том, что у меня есть CommonModule в моем дочернем модуле и BrowserModule в моем app.module.ts, отсутствует за работой.

HTML дочерний модуль 

<div class="container bg-success">
  hi  <---- this works just fine
</div>
<ul>
  <li *ngFor="let product of products">
    <h2>{{ product.name }} ${{ product.id}}</h2>
  </li>
</ul>

компонент в дочернем модуле 

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-child-component',
  templateUrl: './child-component.component.html',
  styleUrls: ['./child-component.component.css'],
})
export class ChildComponent implements OnInit {
  constructor() {}

  products = [
    {
      id: 1,
      name: 'Licensed Frozen Hat',
    },
  ];

  ngOnInit(): void {}
}

дочерний модуль 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ChildComponent} from './components/child-component.component';

@NgModule({
  declarations: [ChildComponent],
  imports: [CommonModule],
})
export class ChildModule {}

модуль приложения 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { ConfigurationModule } from './modules/configuration/configuration.module';

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

1 Ответ

0 голосов
/ 06 апреля 2020

Как упоминал Элия Коэн в комментарии выше, повторное выполнение ng serve исправило это для меня. Сохраните это на всякий случай, если кто-то столкнется с этим.

...