NgFor 模板解析错误答案

【问题标题】：NgFor Template Parse ErrorNgFor 模板解析错误
【发布时间】：2017-05-12 07:41:27
【问题描述】：

我是 AngularJs 2 的新手，我正在尝试 NgFor 工作，但我遇到了这个错误，我不知道出了什么问题：

skills.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>

skills.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

【问题讨论】：

尝试从*ngFor中删除分号

标签： angular loops ngfor

【解决方案1】：

似乎您正在使用 older Angular 2 版本，因为组件元数据中的 providers 已被弃用。在您的情况下，它就像使用旧语法 #item 而不是 let item 一样工作。

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

虽然我强烈建议您将 Angular 版本更新为最新版本 (2.4.1)

【讨论】：