在NativeScript中使用Angular嵌入SideDrawer

时间:2018-10-17 10:01:30

标签: angular nativescript

我正在使用带角度的nativescript开发移动应用程序。我想在应用程序中使用侧抽屉。我在网上找到了一些样本。这些全部用于整个应用程序。我想为诸如登录模块之类的模块排除侧面抽屉。如果您有一些经验,请与我分享。

感谢与问候, Zaw Zaw Naing

1 个答案:

答案 0 :(得分:2)

您仍然可以使用整个应用示例,并将sidedrawer创建为根组件。然后在需要隐藏边抽屉的页面中(例如登录页面),您可以获取引用并禁用抽屉交互功能(通过这种方式使其无法访问)。以上here

的示例

TypeScript

import { getRootView } from "tns-core-modules/application";
import { RadSideDrawer } from "nativescript-ui-sidedrawer";

// use this in ngAfterViewInit 
// example: https://github.com/NickIliev/nativescript-ng-cosmos/blob/master/app/pages/login/login.component.ts#L43-L44
this.drawer = <RadSideDrawer>getRootView();
this.drawer.gesturesEnabled = false;