Loaded the html page rendered on the backend, after uploading I need to render multiple angular components, one in header, one in footer and a couple of pieces within the page, in certain blocks.
All of this must be assembled using AngularCLI, all these applications/components will be in the same bundle.
In the end, the pages will be connected to one and the same bundle, each time after the page is loaded to scan the DOM for units to render them in angular components. For example, the page is loaded, if there is a block there will render a particular angular component, if there is a block in there will render the appropriate component. That is, such compliance to describe.
Thus, for different angular apps on the page will be reused -- common modules and so on (thus no need in each individual application to duplicate them). Also all applications are in one file, so it will have to do a bunch of requests to the server to retrieve this static, so everything is pretty fast to work with.
There are examples or ideas how to implement this?