NativeScript Angular

RadSideDrawer Location

RadSideDrawer can be can be located at each side of the screen (top, bottom, right, left). Setting the location can be done by setting the drawerLocation property to a value from the SideDrawerLocation enumeration:

<RadSideDrawer [drawerLocation]="currentLocation" tkExampleTitle tkToggleNavButton>
export class SideDrawerPositionComponent implements AfterViewInit, OnInit {
    private _currentLocation: SideDrawerLocation;

    constructor(private page: Page, private _dataService: DataService, private _changeDetectionRef: ChangeDetectorRef) {"loaded", this.onLoaded, this);

    public onLoaded() {
        if ( {

    ngOnInit() {
        this.currentLocation = SideDrawerLocation.Left;

    @ViewChild(RadSideDrawerComponent, { static: false }) public drawerComponent: RadSideDrawerComponent;
    private drawer: RadSideDrawer;

    ngAfterViewInit() {
        this.drawer = this.drawerComponent.sideDrawer;

    get currentLocation(): SideDrawerLocation {
        return this._currentLocation;

    set currentLocation(value: SideDrawerLocation) {
        this._currentLocation = value;