ruby-on-rails-3 - Angularjs路由匹配

Question

在我的一个观点中，有一个带有 href 属性 href = "!#/Program" 的链接，我正在尝试将它与下面的路由匹配，但它给了我没有路由匹配错误，因为“没有路由匹配”/！“ .

我的html代码是

<p><a href="!#/Program">Click me</a></p>  

我的 main.js 文件

var app = angular.module('app', []);
         app.config(function ($routeProvider,$locationProvider) {
        //$locationProvider.html5Mode(false);
        //$locationProvider.hashPrefix("!") ;
        $routeProvider
    .when('/',
    {
        templateUrl: "app.html",
        controller: "AppCtrl"
    }

)
    .when('/Program' ,
    {   templateUrl: "detail1.html" ,
        controller: "Redirect"
    }
)
    .when('/Program/123456/channel/78458585',

    {
        templateUrl: "details.html" ,
        controller: "Detail"
    }
    )  ;

});

Answer 1

你应该只使用没有 的路径bang(!)，试试这个：

<p><a href="#/Program">Click me</a></p>  

如果你设置了$locationProvider.hashPrefix('!');，那么你应该使用#!而不是!#这样（确保你已经$locationProvider注入了模块）

<p><a href="#!/Program">Click me</a></p>  

#是分隔符，前缀#插入在 .之后的部分的开头#。