UI yönlendiricideki takma adlar nasıl kullanılır?

Question

Köşeli js'de yönlendirme için açısal kullanıcı arabirimini kullanıyorum. http://servername/#/news/14 gibi bir URL'im var. Ancak diğer ad kullanmak ve URL'leri http://servername/#/news/news_title gibi kullanmak istiyorum. Açısal UI'da mümkün mü?

İşte benim yapılandırma Tabii

angular.module('News', ['ui.router']) 
    .config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('news', { 
     url: "/news", 
     templateUrl: "modules/news/views/news.html", 
     controller: 'NewsCtrl' 
     }) 
     .state('news.detail', { 
     url: '^/news/:id', 
     views: { 
      '@': { 
      templateUrl: 'modules/news/views/news_detail.html', 
      controller: 'NewsDetailCtrl' 
      } 
     }, 
     }); 
    }) 

Answer 1

mümkün olmasıdır. Ancak, bunun gerçekleşmesi için, bir id olduğunu tahmin etmek için bir şekilde news_title'u 14'e eşleştirmeniz gerekir. Sen gibi bir şey yazabilirsiniz: Bu durumda

$stateProvider 
    .state('news', { 
     url: "/news/:news_title", 
     templateUrl: 'news.html', 
     ... 
    }) 

, sen http://http://servername/#/news/latest_bbc_news gibi url yazabilirsiniz denetçiniz sen yapacaksın 14 için news_title Aşağıdaki yerlerde de bağlıdır nasıl eşleştiği $stateParams

kullanarak :news_title alabilirsiniz modeli.

güncelleme muhtemelen böyle bir şey yazabilirsiniz Örneğin

:

sonra

$stateProvider 
    .state('news', { 
     url: "/news/:news_title", 
     templateUrl: 'news.html', 
     resolve : { 
      news_item: function(NewsService, $stateParams) { 
      return NewsService.getByTitle($stateParams.news_title); 
      }, 
     }, 
     controller:['$scope','$state','news_item', 
      function ($scope , $state , news_item){ 
      $scope.news_item= news_item; 
     }] 
    }) 

yılında senin NewsService size yöntemini getByTitle uygulamak ya doğrudan backend başlığa göre haberleri almak, ya da eğer ihtiyaç arka uç tüm haberleri alıp

var news = [ 
    {ID: 1, Title : 'A', Content : 'XXXXXXXXXXXXXXXXXXXX',}, 
    {ID: 2, Title : 'B', Content : 'YYYYYYYYYYYYYYYYYYYY',}, 
]; 

gibi bir değişkende önbelleğe ve kendi kod yazmak zorunda bunun içinden geçmek ve başlık ile ihtiyacınız olan haberleri bulmak.

Yine, ui yönlendiricisi sizin için yönlendirme kurallarını ayarlamakta, doğru içeriği sunmak her zaman sizin sorumluluğunuzdur. Yani ui-router'ın hangi haberin 14 ve başlığa sahip olduğuna dair bir fikri yok, sadece arka uçtan alınabilir ve sizin tarafınızdan işlenebilir.