Conversion of my original project https://github.com/ChrisMayor/D365SwotMatrix to the Angular Elements
Custom 2 x 2 Matrix control which can be used in any web application (react, jquery, vue, plain js).
This control is based on Angular 8, TypeScript and Angular Elements.
- Angular 8
- Angular Elements
- Open cmd to project root
- run:
ng build --prod
- Output is in root/dist
- Open cmd to project root
- run:
ng serve -o
tile1Name: string = "Strengths";
tile2Name: string = "Weaknesses";
tile3Name: string = "Opportunities";
tile4Name: string = "Threats";
tile1
tile2
tile3
tile4
tile1IsNull
tile2IsNull
tile3IsNull
tile4IsNull
- clone repository
npm install
ng serve -o
- open in browser http://localhost:4200/
const component = document.querySelector('app-matrix');
component.tile1Name = "Market development"
component.tile2Name = "Diversivication"
component.tile3Name = "Market penetration"
component.tile4Name = "Product development"
component.tile1 = "Expand advertising;;Target more segments"
component.tile2 = "Enter new segments;; Expand distribution"
component.tile4 = "Strategy1;;Strategy2"
- Published under the MIT license
- Use at your own risk
Impressum / Imprint in German language to comply with German tele-media regulations.