I was trying to add a [Side Drawer](http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started) from [Telerik's UI for Nativescript](http://www.telerik.com/nativescript-ui#GeneralContent_C047_Col00) using Angular2.

They have a directive called [`showOverNavigation`](http://docs.telerik.com/devtools/nativescript-ui/api/classes/radsidedrawer.html#showovernavigation) which is a boolean that should do the work when setted up as "True" value, but it is currently not working on my project.

I'll attach my `app.component.html` code so maybe you can help me spotting any error in it.

```
<RadSideDrawer showOverNavigation="{{true}}>"
<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>
    <ActionBar class="actionBar" title="Home">
        <image src="~/res/icon.png" (tap)=openDrawer() stretch="none" ios.position="left" ></image>
    </ActionBar>
    <Label [text]="mainContentText" textWrap="true" class="drawerContentText"></Label>
    <Button text="OPEN DRAWER" (tap)=openDrawer()></Button>
</StackLayout>
</RadSideDrawer>

```

Please, tell me any additional information I could provide on the issue.
Thanks in advance! =)