2016-05-24 10 views
0
import {Page,NavController,NavParams,Platform,IonicApp} from 'ionic-angular'; 
import {ViewChild} from '@angular/core'; 

@Page({ 
    templateUrl: 'build/pages/tabspage/tabspage.html' 
}) 

@ViewChild('myTabs') tabRef: Tabs 

export class TabsPage { 
    tab1; 
    tab2; 
    tab3; 

    constructor(app:IonicApp, params:NavParams) { 
     this.tab1 = Page1; 
     this.tab2 = Page2; 
     this.tab3 = Page3; 

    } 


    onPageDidEnter() { 
     this.tabRef.select(1); 
     } 

} 

私はこのコードを持っています。このコードは、タイスクリプトファイルの内部にあります。私はエラーが発生します:エラーTS1146:期待される宣言。ViewChildが動作しません - ベータ版にアップグレード

答えて

3

@ViewChild()は、クラス宣言の内側にある必要があります。

export class TabsPage { 
    @ViewChild('myTabs') tabRef: Tabs 
    ... 
} 
+0

これはありがとうございました! – user2924127

0

宣言を期待しているので、事前に「タブ」クラスをインポートする必要があると思います。

import {Tabs} from '..~~tabs'; 
関連する問題