javascript - 具有动态 URL 的 Angular UI 路由器

Question

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

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

但是后来我必须转移到 UI Router 才能使用嵌套 View ，但是上面的代码与 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'

在我的 anchor 中，我尝试通过 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>

Answer 1

听起来您创建的 anchor 不正确。你应该做类似的事情

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