2016-06-25 35 views
0

シンプルな角度のnativescriptアプリケーションがあります。最初の(唯一の)ページには、2つのタブを持つ簡単なタブビューが含まれています。各タブには1つのラベルが含まれています。iOS上にnativescriptの角度タブビューが表示されない

アプリが起動するとタブが表示されますが、初期タブのラベルは表示されません。私が2番目のタブにタブすると、そのラベルが表示されます。最初のタブに戻ると、そのラベルが表示されます。

import {Component} from "@angular/core"; 

@Component({ 
    selector: "my-tabview", 
    template: ` 
    <TabView #tabview> 
    <StackLayout *tabItem="{title: 'Tab1'}"> 
     <Label text="This is Label in Tab 1x"></Label> 
    </StackLayout> 
    <StackLayout *tabItem="{title: 'Tab2'}"> 
     <Label text="This is Label in Tab 2x"></Label> 
    </StackLayout> 
    </TabView> 
`, 
}) 

export class TabViewComponent { 
} 

私が迷っていることについてのフィードバックをお寄せいただきありがとうございます。

おかげ コリン・

ディスプレイは両方のタブを示しており、私はngAfterViewInitでselectedIndexプロパティ値を見ると、タブのテキストの色は、最初のタブが選択されていることを示しているが、

を修正定義されていません。

ngAfterViewInitでゼロに設定すると、初期タブの内容が表示されます。

これはバグですか?私は最初にこのようなプログラムでタブを選択すべきか、あるいは私が使うことができるhtml属性があるでしょうか? TabViewを使用している間

コリン・

答えて

1

おかげで私は、これはNativeScript角度プロジェクトの正常な動作だと思います。それに関しては、selectedIndexのタブビュープロパティをhtmlから設定することができます。以下のコードを見直すことができます。

<TabView selectedIndex="0"> 
    <StackLayout *tabItem="{title: 'Tab1'}"> 
     <Label text="This is Label in Tab 1x"></Label> 
    </StackLayout> 
    <StackLayout *tabItem="{title: 'Tab2'}" > 
     <Label text="This is Label in Tab 2x"></Label> 
    </StackLayout> 
</TabView> 
+0

ありがとう、ニコライ、私はそれを試してみます。 – Colin

関連する問題