如何使用Telerik的UI插件在爲NativeScript應用程序方面的抽屜

我使用Telerik的UI插件在我NativeScript應用程序實現抽屜functionality.I'm下面這個教程本 - https://www.nativescript.org/blog/details/using-cross-platform-native-sidedrawer-component-in-nativescript 如何使用Telerik的UI插件在爲NativeScript應用程序方面的抽屜

這裏是我的代碼 -

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

當我在我的模擬器中運行這個時，我得到一個空白頁。我使用AngularJS2和typescript &這兩款工具都是全新的。所以，無法理解我做錯了什麼。

需要一些指南。

來源

2016-06-22 mi6crazyheart

nativescript-Telerik的-UI \ ListView和sidedrawer是以前2.0.0 RC.1所以他們目前正在使用它，你可以檢查此鏈接 - https://github.com/telerik/nativescript-ui-samples-angular/issues/1#issuecomment-225791969
如果您正在使用測試版的角度然後檢查此鏈接存儲庫 - https://github.com/telerik/nativescript-ui-samples-angular/tree/release/sdkAngular/app/sidedrawer

來源

2016-06-22 05:50:39

感謝您的信息。我嘗試了你的第二個建議。但是，似乎這個代碼庫和telerik團隊在本月末發佈了一個新版本時出現了一些問題。 'https：// github.com/telerik/nativescript-ui-samples-angular/issues/1'。所以，計劃再等一會兒。 – mi6crazyheart

如何使用Telerik的UI插件在爲NativeScript應用程序方面的抽屜

回答

相關問題