javascript - *ngFor 未捕获的类型错误 : Cannot read property 'classList' of null

Question

我的组件内有以下 Angular 数组:

pages: [
    {
        link: "link",
        name: "name",
        img: "imgPath" ,
        desc: "description"
    }, {...

我正在尝试使用它在 DOM 中显示包含以下代码的列表:

    <div *ngFor="let page of pages"  class="col-md-4 col-sm-6 portfolio-item">
    <a href="{{page.link}}" class="portfolio-link" data-toggle="modal">
      <div class="portfolio-hover">
        <div class="portfolio-hover-content">
          <i class="fa fa-plus fa-3x"></i>
        </div>
      </div>
      <img src="{{page.img}}" class="img-responsive" alt="">
    </a>
    <div class="portfolio-caption">
      <h4>{{page.name}}</h4>
      <p class="text-muted">{{page.desc}}</p>
    </div>
  </div>

我收到以下错误:

zone.js:192 未捕获类型错误:无法读取 null 的属性“classList”

我该如何解决这个问题？

Answer 1

尝试将 pages: 替换为 pages=