2016-09-16 10 views
0

私は角度2の初心者です。現在、角度2でスライドカルーセルコンポーネントを作成しようとしていて、ng2-bootstrapカルーセルを使用しようとしていますhere角2 - '取得'アクセサーは値を返す必要があります

これは私が私のcarousel.component.tsで、これまで持っているものです。

import {Component, OnInit, OnDestroy, ViewEncapsulation, Input, HostBinding} from '@angular/core'; 
import { Router } from '@angular/router'; 
import {Project} from './project'; 
import {ProjectService} from './project.service'; 
import { CarouselModule } from 'ng2-bootstrap/components/carousel'; 

@Component({ 
    selector: 'carousel', 
    encapsulation: ViewEncapsulation.None, 
    providers: [ProjectService], 
    templateUrl: 'app/carousel.html' 
}) 
    //Template for the tag 

export class CarouselComponent implements OnInit { 
    errorMessage: string; 
    projects: Project[]; 
    selectedProject: Project; 
    private start = false; 
    public length = Number; 
    @Input() private noWrap:boolean; 
    @Input() private noPause:boolean; 
    @Input() private noTransition:boolean; 
    @Input() public get interval():number {}; 

    constructor(
    private router: Router, 
    private projectService: ProjectService){ 
    } 

    getProjects() { 
     this.projectService.getProjects() 
     .subscribe(
       projects => this.projects = projects, 
       error => this.errorMessage = <any>error 
      ); 
     } 

    ngOnInit(){ 
     this.getProjects(); 
    } 

} 

// class Slide implements OnInit, OnDestroy 
@Component({ 
    selector: 'slide' 
}) 
export class SlideComponent { 
    @Input() public index:number; 

    @HostBinding('class.active') 
    @Input() public active:boolean; 

    @HostBinding('class.item') 
    @HostBinding('class.carousel-item') 
    private addClass:boolean = true; 
} 

しかし、私はそれを実行したとき、私は私が修正するかどうかはわかりませんどのapp/carousel.component.ts(24,23): error TS2378: A 'get' accessor must return a value.を言って、エラーを取得し、基本的にチュートリアルのソリューションをコピーしただけです。

public interval:number = 5000; 
    public noWrapSlides:boolean = false; 
    public slides:Array<any> = []; 

私は角2 2.0.0-rc.4 任意の提案を使用しています:

間隔の値は、app.component.tsのような ファイルに記載されていますか?

+0

どのangular2バージョンをお使いですか? – micronyks

答えて

0

次の行が間違っているようだ:

@Input() public get interval():number {}; 

入力がゲッターでどのように来ますか?

+1

OPよりAviに対するコメントがあります。この行は '@Input()public interval:number;'いいえ 'get'、変数名の後には括弧はなく、コードブロックはありません。 –

関連する問題