簡體   English   中英

具有動態URL的Angular UI-Router

[英]Angular UI-Router with dynamic URL

我的代碼與ngRoute一起使用時,通過動態生成視圖文件的URL來加載文件沒有問題:

.when('/page/:name*', {
        templateUrl: function(urlattr){
            return '/views/' + urlattr.name + '.view.html';
        },
        controller: 'PageController'
})

但是后來我不得不移至UI Router以便使用嵌套視圖,但是上述代碼與UI Router等效嗎? 我嘗試了以下代碼:

.state('home.pages', {
        url: "/page/:name*",
        controller: 'PageController',
        templateUrl: function(urlattr){
            return '/views/' + urlattr.name + '.view.html';
        }
});

而我得到了錯誤

Could not resolve '/page/test' from state 'home'

在我的錨中,我試圖通過URL進行調用。 鏈接來自知道URL但不知道狀態名稱的數據庫

<!-- I want to load '/views/test.view.html' file -->;
<a href="#/page/test">Link not working</a>
<div ui-view>nested view content</div>

聽起來您創建的錨點不正確。 你應該做類似的事情

<a ui-sref="home.pages({param: value})">Link</a>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM