Как инициализировать сервис Angular, настраиваемый класс из компонента?

Question

[Константин]

Я использую Angular Elements

В моем приложении есть загружаемый компонент как MapComponent. Также существует базовый класс MapCore, который содержит всю логику предметной области:

class MapCore {
   constructor (props: Props) {
       // Конфиг здесь
   }
}

Этот основной класс должен быть общим для всего приложения Angular. Так что я могу сделать его инъекционным и зарегистрировать в корне.

Мне нужно настроить этот класс вручную из компонента вроде, поэтому я использую его как:

@Component({
  селектор: 'map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.scss']
})
export class MapComponent {
    @Input () props: Props;
    @Input () center: Center;
    ngOnInit () {
         this.map = MapCore (this.props);
    }
}

Мне это нужно, потому что, когда я получаю пользовательский элемент, я могу передать параметры тегу для настройки карты:

<map-root center = "56,90" props = "props">
Мой вопрос в том, как настроить службу в моем случае, это новый пользовательский класс MapCore из компонента и общий доступ к приложению?

Не могли бы вы поделиться своим опытом, как решить эту проблему?

Конечный результат. Использовать приложение ангуляр на другой странице. Размещением тега компонента и передачи параметров для инициализаци карты. По факту встраивание как гугл карты.

Comments

[Kovalsky]

А в чем вопрос? А так же что значит "сделать класс инъекционным" и о какой службе вы говорите? Я догадываюсь что инъекционный это наверное injectable, только зачем его делать injectable если это основной ваш класс

[Константин]

Kovalsky, Да - это основной класс с логикой который используется другими саб-доменами. Если говорить о принципе DDD. Поэтому доступ к классу должен быть везде.

[Kovalsky]

Константин, понятно, но Injectable немного для другого существует. Injectable используется для создания инстансов классов (чаще всего сервисов) и доставки их в любую часть приложения где они потребуются. Ваш класс и так доступен в любой части приложения, это реализует механизм ts/js-импорта. Если вам нужно чтоб именно инстанс Map был доступен в любой части приложения, то да, вам нужен Injectable, но тогда не очень понятно какую этот класс выполняет роль,

Если вы используете angular elements, то вы с его помощью создаете компонент, а потом используете его на страницах вашего приложения как любой другой web component

Не знаю правильно ли я понимаю вашу архитектуру, но мне кажется MapCore это базовый класс который должен быть родительским по отношению к Map, а сам Map просто должен быть объявлен в entryComponents, и всё, никаких сервисов и Injectable