Question

我在services / auth.service.ts中定义了一个函数，用于不同页面的功能

例如，如果我想在主页中使用它

1）从'../../ app / services / auth.service'导入{AuthService};

2）在我添加的构造函数中

public authService: AuthService

3）每当我想调用auth.service.ts中定义的函数时，我都会使用this.authService.funcname()调用该函数。

从页面标题中调用函数。

现在，我想添加sidemenu并需要从那里调用该函数。

1）我在app.html文件中添加了sidemenu内容，因此需要从那里调用该函数。

如果我调用该函数，则会抛出以下错误：

TypeError：co.launchSignout不是函数

app.html的内容

<ion-menu side="left" [content]="content">
    <ion-header>
        <ion-toolbar>
            <ion-title>Menu</ion-title>
        </ion-toolbar>
    </ion-header>        
    <ion-content>
        <ion-list>


            <ion-item (click)="launchSignout()"  *ngIf="signoutbutton" menuClose>
                Logout
            </ion-item>
        </ion-list>
    </ion-content>
</ion-menu>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

launchSignout（）在auth.service.ts中定义，现在我不知道如何调用该函数。

更新

根据建议，我添加了

1）从'./services/auth.service'导入{AuthService};在app.component.ts

2）添加了提供商提供商：app.component.ts中的[AuthService]

3）在app.component.ts

中的构造函数中添加了public authService：AuthService

4）在app.html中调用该函数

<ion-item (click)="authService.logout()"  *ngIf="signoutbutton" menuClose>
            Logout
        </ion-item>

但它会引发以下错误：

未捕获错误：遇到未定义的提供程序！通常这意味着你有一个循环依赖（可能是由使用'桶'引起的 index.ts文件

如何从app.html

更新

0 个答案: