Как создать два отдельных инстанса для сервиса в компоненте?

Question

[historydev]

Пытаюсь инжектить 1 сервис двумя инстансами, один для камеры, второй для демонстрации экрана, в доках только такой пример нашёл, но он не работает или я что-то сделал не так:

@Component({
	selector: 'app-video-call',
	templateUrl: './video-call.component.html',
	styleUrls: ['./video-call.component.scss'],
	providers: [
		MediaDevicesService,
		MediaRecorderService,
		{ provide: 'userP2pService', useValue: P2pService },
		{ provide: 'displayP2pService', useValue: P2pService },
	]
})
constructor(
		public media_devices: MediaDevicesService,
		@Inject('userP2pService') public user_media_p2p: P2pService,
		@Inject('displayP2pService') public display_media_p2p: P2pService,
	)

Нужно чтобы 2 этих инстанса работали как отдельные сущности, чтобы я мог использовать два p2p канала, как я могу это реализовать?

Comments

[Максим Федоров]

в вашем примере корректно создаются 2 разных инстанса в компоненте

[historydev]

Максим Федоров, при попытке получить поле, оно undefined
user_media_p2p.isCallStarted

[historydev]

Максим Федоров, в моём p2pService есть поле:

public isCallStarted: EventEmitter<any> = new EventEmitter<any>();

Я пробую вызвать вот так в конструкторе или ngOnInit разницы нет - все поля и методы не существуют:

this.Logger.debug('P2pUserMedia', user_media_p2p.isCallStarted); // => undefined
user_media_p2p.connect() // is not a function

Однако если вывести сам user_media_p2p - получаю класс, очень странно, я не могу найти больше информации кроме как ElementInjector в документации.

[Максим Федоров]

Владимир, EventEmitter обычно используют в компонентах, а не сервисах
обращение к эмиттеру не выдаст вам ваше поле :)

[historydev]

Максим Федоров, всё он мне выдаёт) Проблема в моём ответе решена

[Максим Федоров]

Владимир, а да, показалось вы к эммитеру обращаетесь...

Answer 1

[historydev]

Использовать useClass вместо useValue и здесь ModuleInjector, а не ElementInjector

Answer 2

[Антон Швец]

А почему бы не сделать так, зачем эти токены строкой?

class ScreenMediaDevicesService extends MediaDevicesService {}
class CameraMediaDevicesService extends MediaDevicesService {}

providers: [ScreenMediaDevicesService, CameraMediaDevicesService ]

Comments

[historydev]

По докам как в моём ответе так и ваш способ вроде выдают 2 инстанса, но не решают проблему, по крайней мере для моего p2p, я получаю ошибку мол p2p соединение уже есть или проблема в p2p? Я вроде могу создавать несколько p2p соединений

[Антон Швец]

Владимир, ну это уже не относится к Ангуляру, надо копать саму либу для p2p