ionic2 - Angular2 を使用して NativeScript で Ionic2 スタイルの左側メニューを複製する

Question

Ionic2 は、画像ごとに左側のメニュー スライダーを備えた素敵なテンプレートを提供します。

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

プロジェクトにインストールし、例http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-startednpm i nativescript-telerik-uiに従って、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 が画面に表示されません。

Answer 1

たぶん、bootstrappedSIDEDRAWER_DIRECTIVESの に を含めるのを忘れているかもしれません。declarations@NgModule

{N} + Angular アプリケーションで RadSideDrawer またはnativescript-telerik-uiプラグインのその他の UI 要素を使用する方法の詳細については、こちらを参照してください。RadSideDrawer に関する具体的な詳細については、こちらの公式ドキュメントを参照してください。