在组件 class 中使用多个提供程序的语法是什么？

Question

我需要在我的组件中使用附加服务。 看来我应该可以这样做

@Component({
    selector: 'page-home',
    templateUrl: 'home.html',
    providers: [firstService, additionalService]
})

但它不起作用。

Answer 1

没有更多代码，很难理解您如何尝试实现您的服务。 Angular组件在组件class的构造函数中通过依赖注入来消费服务，像这样：

@Component({
    selector: 'page-home',
    templateUrl: 'home.html',
    providers: [firstService, additionalService]
})
export MyClassComponent {
    constructor(private svc1: firstService, private svc2: additionalService} {
    }

    method1() {
        this.svc1.someMethod();
    }
}

每次将服务注册为提供商时都会创建一个服务实例。更好的做法是在应用程序的模块级别而不是在组件中提供服务。服务被创建为单例，然后在需要的地方注入。可以找到有关模块和服务提供商的更多信息 here in the Angular docs。