Я использую библиотеку single-spa для объединения моих приложений ReactJS и AngularJS в SPA. ReactJS - это основное приложение, использующее библиотеку single-spa для загрузки приложения AngularJS, которое имеет библиотеку single-spa-angularjs.
Это моя точка входа в AngularJS app-bootstrap.js:
import singleSpaAngularJS from 'single-spa-angularjs';
import angular from 'angular';
function domElementGetter() {
let el = document.getElementById('angular');
if (!el) {
el = document.createElement('div');
el.id = 'angular';
document.body.appendChild(el);
}
return el;
}
const angularLifecycles = singleSpaAngularJS({
angular: angular,
domElementGetter,
mainAngularModule: 'mainModule',
uiRouter: true,
preserveGlobal: false,
strictDi: true,
});
export function bootstrap(props) {
return angularLifecycles.bootstrap(props);
}
export function mount(props) {
return angularLifecycles.mount(props);
}
export function unmount(props) {
return angularLifecycles.unmount(props);
}
Я могу передать некоторые пользовательские свойства из основного приложения ReactJS дочернему, например, export function bootstrap(props) {...
props объект имеет мои пользовательские свойства.
Вопрос как передать эти пользовательские свойства моему основному модулю приложения AngularJS?
Заранее спасибо за любую помощь!