2016-06-25 8 views
0

Ich habe eine einfache eckige nativescript Anwendung. Die erste (einzige) Seite enthält eine einfache Tabansicht mit zwei Tabs. Jede Registerkarte enthält ein einzelnes Label.nativescript winkel Tabview schlägt auf iOS

Beim Start der App werden die Registerkarten angezeigt, aber das Label auf der ersten Registerkarte wird nicht angezeigt. Wenn ich auf die zweite Registerkarte tippe, wird die Beschriftung angezeigt. Wenn ich auf die erste Registerkarte zurückwechsle, wird die Beschriftung angezeigt.

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 { 
} 

Ich würde mich über jede Rückmeldung freuen, was ich vermisse.

Dank Colin

Fest

Obwohl die Anzeige beiden Registerkarten zeigt, und die Registerkarte Textfarben zeigen, dass der erste Registerkarte ausgewählt wurde, als ich an der selectedIndex-Eigenschaft in ngAfterViewInit aussehen Wert ist nicht definiert.

Wenn ich es in ngAfterViewInit auf Null setze, dann wird der Inhalt der ursprünglichen Registerkarte angezeigt.

Ist das ein Fehler? Sollte ich zunächst eine Registerkarte programmgesteuert so auswählen oder gibt es ein HTML-Attribut, das ich verwenden könnte?

Dank

Colin

Antwort

1

Ich denke, das normale Verhalten für NativeScript Angular Projekte, während TabView verwenden. In Bezug darauf könnten Sie die TabView-Eigenschaft aus dem HTML-Code einrichten. Sie können den folgenden Code überprüfen.

<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

Danke Nikolay, ich werde das versuchen. – Colin