AngularJS Loading a page into a div

Question

I have a few static html pages of content. I want to make an index page that has two div's One for a sidebar menu and one to hold content. When one of the menu links in the sidebar is clicked I want to load one of the other static html pages into the content div.

I just cant find any documentation that shows how to do this, so i'm not even sure if it's possible. Can anyone help?

Answer 1

You can also use ng-view to setup routes that will load your templates into your div. It's pretty straight forward, and there's a good example @ https://docs.angularjs.org/api/ngRoute/directive/ngView

Answer 2

Use ng-include:

<ng-include
       src="{string}"
       [onload="{string}"]
       [autoscroll="{string}"]>
</ng-include>

http://docs.angularjs.org/api/ng.directive:ngInclude