繁体   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