SharePoint, Office 365, Azure, and Front end JS geek. – Chicago IL
SharePoint, Office 365, Azure, and Front end JS geek. – Chicago IL

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! 

shades_smile

Video

Screenshots

image
image
image

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

© Copyright 2016
@ SPJeff

Return to Top ▲Return to Top ▲