如何在angularJs路由中使用templateUrl指定html文件？_Angularjs

如何在angularJs路由中使用templateUrl指定html文件？

angularjs

如何在angularJs路由中使用templateUrl指定html文件？,angularjs,Angularjs,我是angularJs新手，刚开始学习routes，我需要一些帮助来指定templateUrl中的html文件。在templateUrl中指定html文件时，我们是否必须位于localhost中？通过指定templateUrl:'first.html'，本地文件中的html文件能否直接工作代码：routing.js var app = angular.module('RoutingApp',['ngRoute']) app.config(['$routePr

我是angularJs新手，刚开始学习routes，我需要一些帮助来指定templateUrl中的html文件。在templateUrl中指定html文件时，我们是否必须位于localhost中？通过指定templateUrl:'first.html'，本地文件中的html文件能否直接工作

代码：routing.js

        var app = angular.module('RoutingApp',['ngRoute'])

        app.config(['$routeProvider',function($routeProvider){
        $routeProvider.
        when('/',{
            templateUrl: '/first.html',
        }).
        when('/about',{
            template: 'About us',
        }).
        when('/contact',{
            template: 'Contact us',
        }).
        otherwise({
            redirectTo : '/'
        });
    }]);

我的html文件first.html位于D:\angularJs\first.html中，所以我还需要指定目录吗

main.html

<body>
<ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#contact">Contact</a></li>
</ul>
<div ng-view></div>

<script src = "D://angularJs/angular.min.js"></script>
<script src= "D://angularJs/angular-route.min.js"></script>
<script src = "D://angularJs/routeController.js"></script>

谢谢

Angular根据routes.js/app.js文件位置从服务器中取出模板（至少ui路由器）。因此，您可以为templateUrl属性使用相对路径。最好将所有模板放在像./templates这样的文件夹中。

如果HTML文件与根目录相同，那么指定“first.HTML”就可以了。否则，您需要从应用程序根目录指定文件路径。我创建了一个名为templates的文件夹，将我的第一个.html文件放在其中，并将其在templateUrl中更改为templates/first.html，但当我单击home链接时，我看不到任何数据，我只是显示了AngularJS第一个路由示例