非角度类如何使用角度服务及其部门

Question

我正在尝试链接 3 个文件 Angular 组件、Plain JS 类和 Angular 服务：

我的角度组件（AppComponent）应该初始化我的普通 js 类（CommonCode）...但是，我的普通 js 类需要调用和角度服务。

成分：

@Component({

  selector: 'my-app',

  templateUrl: './app.component.html',

  styleUrls: [ './app.component.css' ]

})

export class AppComponent  {

  ngOnInit() {

  }

}

服务：

import { AnotherAngularService } from '/core/service2';

import { AnotherAnotherAngularService } from '/core/service3';

@Injectable({

  providedIn: 'root',

})

export class Foo2Service {

    this.serviceOneCache = null;

    // Service code

    constructor(public anotherAngularService:AnotherAngularService, public anotherAnotherAngularService:AnotherAnotherAngularService) {

        this.anotherAngularService.getCache().subscribe(response) {

                this.serviceOneCache = response;

            }

            .error();        

    }

    init() {

      // Code that returns something

      return 'test';

    }

    getFooCache() {

        return this.http.get...... etc etc

    }

}

JS类

import { FooService } from '/core/fooservice';

export class CommonCode  {

    this.fooCache = null;

    // Service code

    constructor(public fooService: FooService) {

        this.fooService.getFooCache().subscribe(response) {

                this.fooCache = response;

            }

            .error();        

    }

    func1() {

    }

}

Answer 1

您可以将CommonCodeTS 类转换为 Angular 服务并在组件级别提供它。@Component({  selector: 'my-app',  templateUrl: './app.component.html',  styleUrls: [ './app.component.css' ],  providers: [ CommonCode ],})export class AppComponent  {  ngOnInit() {  }}