在自定义页面中使用角度路由器

Question

我有一个带有仪表板页面的rails应用程序。所以页面将是http://mywebsite.com/dashboard。它有几个链接可用，它将通过ajax加载页面并将其显示在仪表板页面内的div部分。它的一切正常。因此，让我们假设我想在这里使用角度，并指定如下所示的代码。

var myapp = angular.module('myapp', ["ui.router"]) 
    myapp.config(function($stateProvider, $urlRouterProvider){ 



     $stateProvider 
     .state('route1', { 
      url: "/route1", 
      templateUrl: "route1.html" 
     }) 

    }) 

我的疑问是：

所以在这里，如果仪表盘的根URL，然后生成的URL是http://mywebsite.com/#route1

如果我的仪表板页面这样定义

http://mywebsite.com/dashboard，我想定义类似http://mywebsite.com/dashboard/#route1的路线

注意：它不是一个单一的页面应用程序。但我想在仪表板页面 要像一个单页的..

Answer 1

这将做工精细的路线将是相对于你的URL http://mywebsite.com/dashboard。

如果您使用Angular UI路由器使用HTML5模式，并尝试互操作完整的URL。但是因为你没有使用HTML5模式，Angular UI路由器使用＃路由。