如何在角度js打开网站时加载特定页面

时间:2014-08-22 09:10:59

标签: javascript angularjs

我知道它可能非常容易但是对于角度来说是新手我不明白如何在网站打开时加载特定模板。 我有一个模板:

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

链接到导航栏上的以下按钮:

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

如果输入网站的网址,我该如何允许网站加载此特定模板 角:

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

2 个答案:

答案 0 :(得分:0)

试试这个

<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>

答案 1 :(得分:0)

您可以使用$routeProvider服务。名为otherwise的方法可用于设置当没有其他路由定义匹配时将用于路由更改的路由定义。

Here's相同的文档。此外,他们还通过示例here详细说明了这一点。