NativeScript-Angular -> ActionBar in app.component.ts is not consistent when the route changes


#1

this is the app.component.html

<ActionBar title="NewApp" class="action-bar font-awesome">
    <ActionItem (tap)="toggleDrawer()" ios.position="left">
        <Button text="&#xf039;" class="font-awesome" id="menu-btn"></Button>
    </ActionItem>
</ActionBar>

<page-router-outlet></page-router-outlet>

When route changes The action bar changes to something else. Can’t I use ActionBar in app.component.ts ? Please help me.