如何在angularjs的ngView中给出相对路径

Question

我在angularjs应用程序中遇到相对和绝对路径问题。

我们来一个像www.example.com这样的域名，我在这个名为myApp的域名中有一个应用程序。

所以应用程序的链接是：

  

www.example.com/myApp

现在，如果我必须提供放置在myApp的views文件夹中的视图的路径，我该怎么办？

我试过了：

templateUrl : 'views/pqr.html'

但它不起作用。该页面导航到：

  

www.example.com/pqr.html

但是在这里，没有pqr.html存在。我该如何解决这个问题？

Answer 1

使用Angular，templateURL是加载模板的地方，它与浏览器导航的地址完全不同。

假设/ pqr是您的应用程序的默认路由，您可以配置路由提供程序，如下所示：

$routeProvider.when('/pqr', {
        templateUrl: 'views/pqr.html',
        controller: 'pqrController',
...
.otherwise({redirectTo: '/pqr'})

这会将视图加载到index.html的ng-view（或服务器配置的任何默认页面）