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

Question

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

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



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

    })

我怀疑是：

因此，如果仪表板是根网址，那么生成的网址为http://mywebsite.com/#route1

如果我的仪表板页面定义如下

，该怎么办？

http://mywebsite.com/dashboard我希望定义http://mywebsite.com/dashboard/#route1

之类的路线

  

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

Answer 1

这将正常工作，路线将相对于您的网址 http://mywebsite.com/dashboard。

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