javascript - AngularJS $stateparams

Question

我在主页上有三个按钮。

-Naruto 300 // When I hover on button its says "oku/300".
-Bleach 300 // When I hover on button its says "oku/300".
-One Piece 450 // When I hover on button its says "oku/450".

但我想要“oku/Naruto/300”。我怎样才能做到这一点？

App.js

$stateProvider
.state('oku', {
url: "/oku/:id",
views: {
"viewC": { templateUrl: "oku.html",
            controller: "nbgCtrl",},
},
   resolve: {
     alData : function(NBG, $stateParams, $filter){
        return NBG.adlar.then(function(res){
            return $filter('filter')(res.data, {klasor: $stateParams.id}, true)[0];
        });
   }
 }
 })

相关index.html部分。

<a ui-sref="oku({id:manga.lastchapter})" class="waves-effect waves-light btn">{{manga.lastchapter}}</a>

我将链接更改为:

<a ui-sref="oku/{{manga.name}}({id:manga.lastchapter})"

但这行不通。

Answer 1

您想要添加另一个路径段和参数:

配置:

.state('oku', {
    url: "/oku/:name/:id",

HTML

<a ui-sref="oku({id:manga.lastchapter, name:manga.name})">