Question

我从tns侧边抽屉模板工作。在我的应用程序中，我需要先登录，然后转到主页，用户将访问包含所有选项和功能的“汉堡”菜单。

从模板中，我已经从根页面（其中插入了RadSideDrawer基本结构）中创建了一个带有HTML的“ logado”模块。在那里，我放置了一个路由器插座以显示页面，然后在每一页面中放置“汉堡包”按钮以显示侧面抽屉菜单。

这在模板上工作正常，但是当我将结构从/移到“ logado”文件夹中，并对应用程序进行必要的更改后，我收到了此错误：

错误TypeError：sideDrawer.showDrawer不是函数

我不知道该怎么做，因为我已经检查了HomeModule，AppModule和LogadoModule上的导入，但是没有任何方法可以解决此问题。一点代码... HomeComponent：

import { Component, OnInit } from "@angular/core";
import * as app from "application";
import { RadSideDrawer } from "nativescript-ui-sidedrawer";

@Component({
    selector: "Home",
    moduleId: module.id,
    templateUrl: "./home.component.html"
})
export class HomeComponent implements OnInit {

    constructor() {
        // Use the component constructor to inject providers.
    }

    ngOnInit(): void {
        // Init your component properties here.
    }

    onDrawerButtonTap(): void {
        const sideDrawer = <RadSideDrawer>app.getRootView();
        sideDrawer.showDrawer();
    }
}

LogadoComponent：

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptCommonModule } from "nativescript-angular/common";
import { NativeScriptUISideDrawerModule } from "nativescript-ui-sidedrawer/angular";
import { LogadoRoutingModule } from "./logado-routing.module";
import { LogadoComponent } from "./logado.component";

@NgModule({
    imports: [
        NativeScriptCommonModule,
        NativeScriptUISideDrawerModule,
        LogadoRoutingModule
    ],
    declarations: [
        LogadoComponent
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class LogadoModule { }

git上的完整代码：https://gitlab.com/gilvandev/teste-contabilidade.git

Angular 5和嵌套路由器中的RadSideDrawer错误

0 个答案: