Angular中的错误：无法绑定到“ ngForOf”，因为它不是“ div”的已知属性

Question

我不能使用指令* ngFor。我已经搜索了所有可能的解决方案，但无法解决。

这是我的代码：

sobre-nosotros.component.html：

var pjson = require('../../../package.json');
console.log('version - ' + pjson.version);

sobre-nosotros.component.ts

<div class="card" style="width: 18rem;" *ngFor="let d of test">
    <img src="assets/img/1.jpg" class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>

我遇到以下错误：

我的app.module

import { Component, OnInit } from '@angular/core';
import { CochesInterface } from '../interfaces/CochesInterface';
import { CochesServiceService } from '../services/coches-service.service';

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

  public test:number[]=[1,2,3,4,5];

  constructor(private cochesService: CochesServiceService) {
  }

  ngOnInit() {
    
  }
}

我不知道可能是什么问题。是最近创建的一个项目，所以我什么都没动。

Answer 1

您需要将CommonModule导入为ngIf，并在其中声明ngFor。

参考： Frequently-used modules

Answer 2

您应该像在SobreNosotrosComponent中一样，在app.module中声明InicioComponent。然后停止并重新启动ng serve过程。这应该可以解决。