Skip to content
No description, website, or topics provided.
CSS TypeScript JavaScript HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode poc with client-a + web components May 3, 2018
e2e initial commit Apr 21, 2018
projects added ngx-plus Aug 14, 2018
src fixed bug: pointing to right bundles Jun 19, 2019
.editorconfig initial commit Apr 21, 2018
.gitignore initial commit Apr 21, 2018
README.md fin May 3, 2018
angular.json added ngx-plus Aug 14, 2018
package-lock.json fixed bug: pointing to right bundles Jun 19, 2019
package.json added ngx-plus Aug 14, 2018
tsconfig.json bootstrap multiple spas Apr 30, 2018
tslint.json added ngx-plus Aug 14, 2018
webpack.config.js added ngx-plus Aug 14, 2018

README.md

Micro Apps with Web Components and Angular Elements

This example consists of three Angular projects that demonstrate how to use Web Components/ Angular Elements to implement a shell that loads micro apps:

  • shell (/src): Shell loading micro apps
  • client-a (/projects/client-a): Demo micro app
  • client-b (/projects/client-b): Another demo micro app

Install Dependencies

npm install

Standalone

For debugging and testing, you can start each of those projects individually. Please note that the shell will throw some exceptions when doing so because it does not find the micro apps that are expected in an sub folder for the sake of simplicity.

Use one of the following commands for this:

ng serve --project shell --open
ng serve --project client-a --open
ng serve --project client-b --open

Everything together

For using everything together, you have to build the example and run it:

npm run build
npm start
You can’t perform that action at this time.