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

Вы хотите добавить еще один сегмент пути и параметров:

Config:

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

HTML

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