使用 Angular 在 NativeScript 中嵌入 SideDrawer

【问题标题】：Embedding SideDrawer in NativeScript with Angular使用 Angular 在 NativeScript 中嵌入 SideDrawer
【发布时间】：2018-10-17 10:01:29
【问题描述】：

我正在使用带有 angular 的 nativescript 开发移动应用程序。我想在我的应用程序中使用侧抽屉。我在网上找到了一些样本。这些都是针对整个应用程序的。我想为一个模块（例如登录模块）排除侧抽屉。如果你有这方面的经验，请分享给我。

感谢和最好的问候， Zaw Zaw Naing

【问题讨论】：

标签： angular nativescript

【解决方案1】：

您仍然可以使用整个应用程序示例并将您的侧抽屉创建为根组件。然后在需要隐藏侧抽屉的页面（例如登录页面）中，您可以获得参考并禁用抽屉交互（这样使其无法访问）。以上例子here

打字稿

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;

【讨论】：