具有动态URL的Angular UI-Router

时间:2015-07-27 21:23:29

标签: javascript angularjs angular-ui-router

我的代码与ngRoute一起使用,通过动态生成我的视图文件的URL来加载文件没有任何问题:

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

但后来我转移到UI路由器以使用嵌套视图,但是与UI路由器相同的上述代码是什么?我尝试过以下代码:

.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>

1 个答案:

答案 0 :(得分:2)

听起来你错误地创建了你的锚。你应该做像

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