2015-08-28 88 views
1

我在HTML中有一個按鈕,它具有正確的數據呈現。Angular routeParams not working URL正在改變

這部分似乎做工精細

module.js

.when('/tips/:group?', { 
    templateUrl: 'partials/tips.html', 

controller.js

.controller('TipsCtrl', 
    // code 
    $scope.groupid = $routeParams.group; 

HTML:

<a href="#/tips/comments/{{ tip.id }}?groupid={{ groupid }}" c class="btn-yellow">Add/View Comments</a> 

網址:

<a href="#/tips/comments/10274?groupid=5" class="btn-yellow">Add/View Comments</a> 

部分不工作

module.js

.when('/tips/comments/:group?:groupid', { 
    templateUrl: 'partials/comments.html' 

個controller.js

.controller('TipCommentsCtrl', 
$scope.groupid = $routeParams.group; 
$scope.detailFrame = $sce.trustAsResourceUrl("http://localhost:17308/Home/AddComment/" + group); 

網址在瀏覽器中點擊按鈕

http://localhost:1337/doc-home/#/tips/comments/1?status=new 

這是爲什麼發生後?

我的網址,我

<iframe ng-src="http://localhost:17308/Home/AddComment/1" align="middle" width="1000" height="800" frameborder="0" src="http://localhost:17308/Home/AddComment/1"> 
     &lt;p&gt;Your browser does not support iframes.&lt;/p&gt; 
    </iframe> 

如果我更改了 module.js

瀏覽器URL是更好,而不是完全正確的代碼。

--> http://localhost:1337/doc-home/#/tips/comments/10274?status=new 

如果發生這種情況我在module.js要。當是

.when('/tips/comments/:group?', { 
    templateUrl: 'partials/comments.html' 

但URL不會有我需要

<iframe ng-src="http://localhost:17308/Home/AddComment/10274" align="middle" width="1000" height="800" frameborder="0" src="http://localhost:17308/Home/AddComment/10274"> 
     &lt;p&gt;Your browser does not support iframes.&lt;/p&gt; 
    </iframe> 

我的附加參數想擁有:

http://localhost:17308/Home/AddComment/10274?groupid=5 

回答

1

好的這個路由應該適用於你:

module.js --> Notice the groupid (which you could say anything like 'id' 
.when('/tips/comments/:group?:groupid?', { 
    templateUrl: 'partials/comments.html' 

Next your controller code 

controller.js --> Notice that I take a scope param and at to your url 

    $scope.groupid = $routeParams.groupid; 
    $scope.detailFrame = $sce.trustAsResourceUrl("http://localhost:17308/Home/AddComment/" + group + "?groupid=" + $scope.groupid); 

這應該適合你。現在,您的IFrame將在呈現的變量中具有正確的URL。

+0

哇,這個工作我主要了解這個現在 –