2016-11-18 61 views
1

我有一个角度的应用程序,我使用$ routeProvider在应用程序和路由中使用部分视图,该应用程序托管在服务器中,一切都很好。角度路由,浏览器网址没有按预期更新

的URL启动的应用程序是一样的东西http://servername/?instanceId=862gh2g2323238

注意,实例ID才能启动应用程序,该应用程序的网页包含食谱

下面的列表是示例代码如何路由设置

app.config(function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "views/view_index.html", 
     controller : "mainCtrl" 

    }) 
    .when("/recipe/:index", { 
     templateUrl : "views/view_recipe.html", 
     controller : "recipeCtrl" 

    }); 

在我view_index.html我有

<a ng-href= "#recipe/{{index}}" >... 

调用相应的视图中为配方

问题在浏览器中,当我点击任何菜谱去的详情页面浏览器的URL变化

网址://服务器/实例Id = 862gh2g2323238# /食谱/ 0

我期待它是像

http://servername/#/recipe/0?instanceId=862gh2g2323238

请让我知道,我可能会丢失?

回答

0

"#recipe/{{index}}"是一个相对链接,所以这将被添加到您当前的网址。如果你想指向一个绝对网址,你需要开始与/,所以你的情况尝试:

<a ng-href="/#/recipe/{{index}}">...</a> 
+0

现在查看不会正确加载我需要提到的在我的app.config代码改变什么以上 。 – user7180179

相关问题