Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 2:手动注入服务大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有继承自A类的组件B,C,D.

我想在A类中使用一个服务,但我不知道如何注入它,而不是从它的孩子那里注入它.

我尝试的是正常注射:

构造函数(pagenameString = null,translate:TranslateservicE){

但是当我执行super()来构造类A时,它会抛出一个错误,因为我没有提供第二个参数.

有没有办法使用Angular2注入父类

我被迫使用的角度版本是:2.2.1

编辑:

一些示例案例:
我有很多页面,每个页面都可以显示一个加载器.我不想每次都注入加载器,而是从每个页面管理加载器,我想:

export class BaseComponent {
    constructor(private loader: LoadingservicE) {}

    showLoading() {
        this.loader.show();
    }
}

然后从组件本身继承:

@Component({
    SELEctor: "page-login",providers: [UseRSService],templateUrl: "login.html"
})
export class LoginPage extends BaseComponent {
    constructor(private useRSService: UseRSServicE) {
        super();
    }
}

现在LoginPage有一个方法showLoading来自它的父级.

您可以使用服务定位器服务来@L_450_19@此问题.这将很容易让你得到任何服务,并在你的父类中使用它,而不必通过他们的孩子注入它们(因为这可能是一个痛苦).

所以要使用它,创建一个简单的类locator.service.ts:

import {Injector} from "@angular/core";

export class serviceLocator {
    static injector: Injector;
}

在app.module.ts中导入此服务:

import {serviceLocator} from './locater.service.ts';

然后在你的模块文件(app.module.ts?)的构造函数中,初始化这个东西,这样你就可以在任何地方使用它:

export class AppModule {
    constructor(private injector: Injector){    // Create global service Injector.
        serviceLocator.injector = this.injector;
    }
}

现在,要在超类(BaseComponent)中使用它,只需导入serviceLocator即可

import {serviceLocator} from './locater.service.ts';

并使用它像:

export class BaseComponent {
    constructor() {
        this.loader = serviceLocator.injector.get(LoadingservicE)
    }

    showLoading() {
        this.loader.show();
    }
}

现在,您已将服务注入到可扩展父级中,并且它可以在子组件中使用,而无需在super()中传递它.

大佬总结

以上是大佬教程为你收集整理的Angular 2:手动注入服务全部内容,希望文章能够帮你解决Angular 2:手动注入服务所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。