Репликация левого бокового меню в стиле Ionic2 в NativeScript с помощью Angular2

Ionic2 дает хороший шаблон с левым ползунком меню, как на изображении:

введите описание изображения здесь

введите описание изображения здесь

Есть ли способ NativeScript сделать это с Angular2?

Я установил 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, я не вижу появления Дьюера на экране.


person sreginogemoh    schedule 26.10.2016    source источник


Ответы (1)


Возможно, вы забыли включить SIDEDRAWER_DIRECTIVES в declarations загруженного @NgModule.

Вы можете увидеть полную информацию о том, как использовать RadSideDrawer или любые другие элементы пользовательского интерфейса плагина nativescript-telerik-ui в приложении {N} + Angular здесь. Подробную информацию о RadSideDrawer можно найти в его официальной документации здесь.

person Vladimir Amiorkov    schedule 28.11.2016