Load angularjs views on page load?

Question

Does anyone knows how to load angularjs views on page load? This will improve speed and minimize network traffic. For example this:

<div ng-switch-when="home">
    <div ng-include="'views/home.html'"></div>
</div>

"home.html" to be included from cache and without request to server every time the view is changed. Thanks.

I think it's safer and angular way to set this with route.

allenhwkim
– allenhwkim

2014-01-12 18:43:32 +00:00
Commented Jan 12, 2014 at 18:43 — allenhwkim
– allenhwkim, Commented Jan 12, 2014 at 18:43

towr · Accepted Answer · 2014-01-12 18:05:30Z

2

You can include templates on a page with

<script type="text/ng-template" id="views/home.html">
    <yourtemplatehere/>
</scipt>

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

answered Jan 12, 2014 at 18:05

towr

4,1673 gold badges22 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

lowselfesteemsucks Over a year ago

Can I set src of the template in script tag? There is no description in the documentation.

towr Over a year ago

@Ivica I don't know. You could always try it. An alternative is to run through an array of template-urls to pre-fetch them and store them in the template cache

Collectives™ on Stack Overflow

Load angularjs views on page load?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related