NgFor模板解析錯誤

Question

我是AngularJs 2的新手，但我正在嘗試NgFor正常工作，但出現此錯誤，我無法弄清楚出了什么問題：

skill.template.html

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="skills-container">
        <div *ngFor="let item of [0,1,3,4,5];">Try</div>
    </div>
</div>

skill.compontent.ts

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import {Candidate} from "../../../../models/Candidate";
import {Input} from '@angular/core';
import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';
@Component({
  selector: 'skills',
  templateUrl: 'skills.template.html',
  providers:[NgbModal]
})
export class skillsComponent implements OnInit {
  @Input() selectedCandidate:Candidate;


  constructor(private modalService:NgbModal){ }

  ngOnInit(){}

  launchSkillsModal(e:any, content:any){
    const modalRef = this.modalService.open(content);
    e.preventDefault();
  }

}

我只是嘗試一個簡單的循環，但我得到了

 main.bundle.js:6017Error: Template parse errors:(…)(anonymous function) @         main.bundle.js:6017ZoneDelegate.invoke @ zone.js:232Zone.run @ zone.js:114(anonymous function) @ zone.js:502ZoneDelegate.invokeTask @ zone.js:265Zone.runTask @ zone.js:154drainMicroTaskQueue @ zone.js:401

Answer 1

似乎您使用的是older Angular 2版本，因為組件元數據中的providers已被棄用。 在您的情況下，它將像使用舊語法#item而不是let item 。

*ngFor="#item of [0,1,3,4,5];"

盡管我強烈建議您將角度版本更新為最新發行版本（2.4.1）