VIDEO – Angular CLI Routing with SharePoint

In this video I demonstrate how to create a new Angular 2 project with Routing and host in a SharePoint Document Library.   This technique enables rapid development with Angular CLI’s http://localhost:4200 live preview website and simple publish to /dist/ for hosting on SharePoint.

Cheers! 

Video

Screenshots

Video Content

1. Angular CLI Documentation
2. ng -v
3. ng new sproute –routing
4. ng g c route1
5. ng g c route2
6. ng g c route3
7. code .
1. Visual Studio Code
2. [index.html]  remove Base Href
3. [app-routing.module.ts]  Import Components, populate Route map with {path; component}, and {useHash:true}
8. ng serve
9. ng build

References

• https://cli.angular.io/
• https://github.com/angular/angular-cli/wiki/generate
• https://thinkster.io/tutorials/angular-2-routing-navigation