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

Я использую 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 из компонента и общий доступ к приложению?

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы