gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 15:54:26 25 4
gpt4 key购买 nike

我的代码与 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>

最佳答案

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

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

关于javascript - 具有动态 URL 的 Angular UI 路由器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31663561/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com