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 /火影忍者/ 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

您要添加其他路徑段和param：

配置：

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

HTML

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