Wie telerik verwenden Benutzeroberfläche für Seiten Schublade in NativeScript App steckt in

Question

ich für die Umsetzung Schublade functionality.I'm nach diesem Tutorial Telerik UI-Plugin in meiner NativeScript app bin mit diesem für - https://www.nativescript.org/blog/details/using-cross-platform-native-sidedrawer-component-in-nativescript

Hier ist mein Code -

import {Component} from "@angular/core"; 
import listViewModule = require("nativescript-telerik-ui/listview"); 
import drawerModule = require("nativescript-telerik-ui/sidedrawer"); 
@Component({ 
    selector: "my-app", 
    template: ` 
<drawer:SideDrawer id="drawer1"> 
    <drawer:SideDrawer.mainContent> 

     <!-- Place your page content here --> 
     <StackLayout> 
     <Label text="Tap the button" class="title"></Label> 
     <Button text="TAP" (tap)="onTap()"></Button> 
     <Label [text]="message" class="message" textWrap="true"></Label> 
     </StackLayout> 

     <StackLayout> 
     <Button tap="openDrawer" text="ToggleDrawer"/> 
     </StackLayout> 
    </drawer:SideDrawer.mainContent> 

    <drawer:SideDrawer.drawerContent> 
    <StackLayout cssClass="drawerContent"> 
     <StackLayout cssClass="headerContent"> 
     <Label text="Drawer Header"/> 
     </StackLayout> 

     <StackLayout cssClass="drawerMenuContent"> 
     <Label text="Item 1"/> 
     <Label text="Item 2"/> 
     <Label text="Item 3"/> 
     <Label text="Item 4"/> 
     </StackLayout> 

    </StackLayout> 
    </drawer:SideDrawer.drawerContent> 
</drawer:SideDrawer> 
`, 
}) 
export class AppComponent { 
    public counter: number = 16; 
    public get message(): string { 
     if (this.counter > 0) { 
      return this.counter + " taps left"; 
     } else { 
      return "Hoorraaay! \nYou are ready to start building!"; 
     } 
    } 

    public onTap() { 
     this.counter--; 
    } 
} 

Wenn ich das in meinem Emulator ausführe, bekomme ich eine leere Seite. Ich benutze AngularJS2 mit Typoskript & völlig neu zu diesen beiden Tools. Kann also nicht verstehen, was ich falsch mache.

Benötigen Sie eine Anleitung.

Answer 1

1. nativescript-telerik-ui \ Listview und sidedrawer war vor 2.0.0-rc.1 so dass sie zur Zeit daran zu arbeiten Sie auf diesen Link überprüfen - https://github.com/telerik/nativescript-ui-samples-angular/issues/1#issuecomment-225791969

2. , wenn Sie Beta-Version verwenden von eckig dann überprüfen Sie diesen Link zu Repository - https://github.com/telerik/nativescript-ui-samples-angular/tree/release/sdkAngular/app/sidedrawer