Over a million developers have joined DZone.

AngularJS Bootstrap Single Page App Template

·

The code snippet allows one to get started with single page app using AngularJS and Bootstrap in no time.

Following are key things to note:

  • Routes defined for different views (pages)
  • The code snippet is for the main page, say index.html, where ng-view directive is placed in order to load different views
  • Separate HTML page representing different views; Create a folder called as views in the same folder as index.html and create two files named as home.html and link1.html.
  • Unique controllers (HomeCtrl, Link1Ctrl) defined for each view (page)





  Single Page App Template
  


  
  
  
  

Topics:

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}