2016-12-28 10 views
0

私はAngularJs 2そして、私はNgForは仕事にしようとしているに新しいですが、私はこのエラーを持っていると私は間違っているかを把握することはできません。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 
を取得
+0

にあなたの角度のバージョンを更新することをお勧めいたしますよけれどもngFor' – Dummy

答えて

0

older Angular 2バージョンのようです。コンポーネントメタデータからprovidersが既に廃止されています。あなたの場合は、let itemの代わりに古い構文#itemを使用するように動作します。

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

私は非常* `からそのセミコロンを削除してください最新リリースバージョン(2.4.1)

関連する問題