Использование сервисов в неангулярных классах - PullRequest
Новая
       10

Использование сервисов в неангулярных классах

1 голос
/ 27 марта 2019

Я использую Angular v7.3.5 и хочу использовать Сервис в неангловом классе, что-то вроде этого:

foo.model.ts 

import { Foo2Service } from './foo2.service';
// Definition for FooClass (a model)
export class FooClass {
    constructor(args: any) {
        // Do something with args
    }

    func1() {
        // -----> Use Foo2Service here <-------
    }
}

foo2.service.ts 

export class Foo2Service {
    // Service code
    constructor(private bar: BarService) {}

    init() {
        // Code that returns something
    }
}

app.component.ts 

import { FooClass } from './foo.model.ts';

export class AppComponent {
    constructor() {
        const foo = new FooClass('bar');
        console.log(foo.func1());
    }
}

Возможно ли это сделать?Если да, каков наилучший способ сделать это?

ПРИМЕЧАНИЕ: Я пытался использовать класс Injector, предоставленный Angular, но у меня это не сработало.Поэтому, пожалуйста, помогите.

1 Ответ

1 голос
/ 27 марта 2019

Использование Injector должно работать:

Создать инжектор: 

const injector = Injector.create({ 
  providers: [ 
    { provide: Foo2Service, deps:[] },
  ]
});

Ради теста давайте вернем строку test из вашей функции init в сервисе:

init() {
  return 'test';
}

для тестирования, в вашем классе вы бы позвонили init, используя инжектор: 

func1() {
  let myService = injector.get(Foo2Service);
  return myService.init();
}

и, наконец, компонент, вызывающий func1: 

ngOnInit() {
  const foo = new FooClass({});
  console.log(foo.func1()) // prints 'test'
}

DEMO

...