网站以angular js打开时如何加载特定页面

Question

I know it might be insanely easy but being new to angular I do not understand how to load a particular template as soon as the website is opened. I have a template:

 <script type= "text/ng-template" id="home.html" ng-controller="HomeCtrl">
 <h2 style="text-align: center;" >Welcome to the Admin Tools!</h2>
   </script>

Which is linked to the following button on the nav bar:

   <li><a href='#/home'><span>Home</span></a></li>

How can I allow the website to load this particular template as soon as the URL of the website is entered Angular:

 myApp.config(['$routeProvider', function ($routeProvider, $routeParams) {
$routeProvider.when('/home', {
    templateUrl: 'home.html',
    controller: 'HomeCtrl'
})
 }]);

Answer 1

try this

<script type="text/ng-template" id="/tpl.html">
       Content of the template.
</script>

<a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
<div id="tpl-content" ng-include src="currentTpl"></div>

Answer 2

You can use $routeProvider service. The method called otherwise can be used to set the route definition that will be used on route change when no other route definition is matched.

Here's the documentation for the same. Also, they have elaborated this with an example here .