Angular 在一个组件中提供多个服务

欢迎来到最新版本的一个棱角分明的新手问一个愚蠢的问题

我设置了一个内存中的数据服务来代替连接我的web服务。我有两个数组，Users和UserData，在内存数据服务中定义。我不知道如何在同一个组件html模板中使用这两者

在Src目录中，我为这两个组件都设置了service.ts，但我仍然不知道如何在同一个组件中使用这两个服务。

要在组件中使用一个或多个服务，您需要在该组件中导入该服务，如

import { MyService1 } from '../services/MyService1.service';
import { MyService2 } from '../services/MyService2.service';

然后您需要在构造函数中注入这些服务

constructor(private myService1: MyService1, private myService2: MyService2) { }

---

我不知道你的代码是什么，我正在为一个简单的服务提供一个noob级别的示例

//Service.ts

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class Service {

  private users=['a','b','c'];
  private userData=['x','y','z'];

  constructor() { }

  getUsers():<any>
  {
    return this.users;
  }

  getUserData():<any>
  {
    return this.userData;
  }


}

import { Component, OnInit} from '@angular/core';
import { Service } from '../Service.ts';

@Component({
  selector: 'app-account-detail',
  templateUrl: './account-detail.component.html',
  styleUrls: ['./account-detail.component.css']
})
export class AccountDetailComponent implements OnInit {

 public userArr,userDataArr;
  constructor(private service:Service) { }

  ngOnInit() {





    this.userArr= this.service.getUsers();
    this.usersDataArr = this.service.getUserData();




  }

}

---

你的问题不清楚，你能展示一些代码吗？请阅读angular docs。通过

import{MyService1}from./path/to/service1.ts

和

import{MyService2}from./path/to/service2.ts

导入组件中的两个服务，然后在组件构造函数中声明它们的一个实例，如：

constructor（private-myService1:Service1，private-myService1:Service1）{}

。然后像

myService1.myFunction1（）

等那样使用它们。在一个组件中注入和使用多个服务是一种好的做法吗？