angularjs – 是否可以同时在另一个服务中注入服务,反之亦然？

我在一个真实的项目中有一个真实的场景,我需要2个服务来访问彼此的属性和/或方法.我不是Angular专家所以它可能吗？ @H_489_1@我试过了,它失败了.这是我的尝试：

@H_489_1@app.component.ts

import { Component } from '@angular/core';
import { Firstservice } from './first.service';
import { Secondservice } from './second.service';

@Component({
  SELEctor: 'my-app',template: '<h1>Hello World!</h1>',providers: [Firstservice,Secondservice]
})
export class AppComponent {

  constructor(public firstservice: Firstservice,public secondservice: SecondservicE) {
    console.log(firstservice.foo);
    console.log(secondservice.bar);
  }

}

@H_489_1@first.service.ts

import { Injectable } from '@angular/core';
import { Secondservice } from './second.service';

@Injectable()
export class Firstservice {

  foo: String = 'abc';

  constructor(public secondservice: SecondservicE) {
    this.foo = this.foo + this.secondservice.bar;
  }

}

@H_489_1@second.service.ts

import { Injectable } from '@angular/core';
import { Firstservice } from './first.service';

@Injectable()
export class Secondservice {

  bar: String = 'xyz';

  constructor(public firstservice: FirstservicE) {
    this.bar = this.bar + this.firstservice.foo;
  }

}

@H_489_1@Plunker：http://plnkr.co/edit/PQ7Uw1WHpvzPRf6yyLFd?p=preview

@H_489_1@只是将第二个服务注入第一个服务工作正常,但是一旦我将第一个服务注入第二个服务,它就会失败并向控制台抛出错误.

@H_489_1@那有什么不对？

@H_489_1@工作解决方案应将以下内容打印到控制台日志：

abcxyz
xyzabc

@H_489_1@提前致谢！

+---------+      +---------+
|    A    |<-----|  B      |
|         |      |  |  +-+ |
|         |      |  +->|C| |
|         |------+---->| | |
|         |      |     +-+ |
+---------+      +---------+

+---------+
+---------+              |    B    |
|    A    |<-------------|         |
|         |              |         |
|         |    +---+     |         |
|         |--->| C |<----|         |
|         |    +---+     +---------+
+---------+