AngularJS $状态参数

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>

我把link改成了：

<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 $状态参数

AngularJS $stateparams

javascript

statements

angularjs

ui-sref