2016-10-26 10 views
0

Ionic2は、画像ごとに、左のメニューのスライダーで素敵なテンプレートを提供します:複製Ionic2スタイル左側メニューAngular2

enter image description here

enter image description here

Angular2でこれを行うのいずれかのNativeScriptの方法はありますか?

私はプロジェクトにしてnpm i nativescript-telerik-uiを設置し、例に従ってhttp://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-startedは私のファイルへのHTMLコードを喜ば:

<RadSideDrawer exampleTitle toggleNavButton> 
    <StackLayout tkDrawerContent class="sideStackLayout"> 
     <StackLayout class="sideTitleStackLayout"> 
      <Label text="Navigation Menu"></Label> 
     </StackLayout> 
     <StackLayout class="sideStackLayout"> 
      <Label text="Primary" class="sideLabel sideLightGrayLabel"></Label> 
      <Label text="Social" class="sideLabel"></Label> 
      <Label text="Promotions" class="sideLabel"></Label> 
      <Label text="Labels" class="sideLabel sideLightGrayLabel"></Label> 
      <Label text="Important" class="sideLabel"></Label> 
      <Label text="Starred" class="sideLabel"></Label> 
      <Label text="Sent Mail" class="sideLabel"></Label> 
      <Label text="Drafts" class="sideLabel"></Label> 
     </StackLayout> 
    </StackLayout> 
    <StackLayout tkMainContent> 
     <Label [text]="mainContentText" textWrap="true" class="drawerContentText"></Label> 
     <Button text="OPEN DRAWER" (tap)=openDrawer()></Button> 
    </StackLayout> 
</RadSideDrawer> 

をしかし、私はtns run android --emulatorを実行したら、私はDeawerが画面に現れ見ることができません。

答えて

0

おそらく、SIDEDRAWER_DIRECTIVESをブートストラップされた@NgModuledeclarationsに含めるのを忘れているかもしれません。

あなたは{N}でRadSideDrawerまたはnativescript-telerik-UIプラグインの他のUI要素のいずれかを使用する方法の詳細+アンギュラアプリケーションhereを見ることができます。 RadSideDrawerの詳細については、公式文書hereをご覧ください。

関連する問題