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})">

AngularJS $ stateparams

1 个答案: