javascript - angualr ui router 如何传递参数？如何获取参数，在线等，急

Question

angualr ui router 如何传递参数？如何获取参数，在线等，急

Answer 1

  .state('tab.shop-detail', {
    url: '/shops/:shop_id',
    views: {
      'tab-shops': {
        templateUrl: 'templates/shop-detail.html',
        controller: 'ShopDetailCtrl'
      }
    }
  })
  
//shop controller
$window.location.href = '#/tab/shops/'+shop_id;    
//ShopDetailCtrl 
controller('ShopDetailCtrl',function($scope,$stateParams) {
    if ($stateParams.shop_id) {
        
    }

Answer 2

建议你去ui-router官网上查查 https://github.com/angular-ui/ui-router/wiki

下面是我在stack overflow上搜的答案
文档 https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service
例子 http://plnkr.co/edit/8p55FoKIFHZFcvleFANe?p=preview

不清楚你那里能不能翻墙，我贴个图给你

Answer 3

类似这样

var myApp = angular.module("myApp", [ui.router]);
myApp.config(function ($stateProvider, $urlRouterProvider) {
     $urlRouterProvider.when("", "/PageTab");
     $stateProvider
        .state("PageTab", {
            url: "/PageTab",
            templateUrl: "PageTab.html"
        })
        .state("PageTab.Page1", {
            url:"/Page1",
            templateUrl: "Page-1.html"
        })
        .state("PageTab.Page2", {
            url:"/Page2",
            templateUrl: "Page-2.html"
        })
        .state("PageTab.Page3", {
            url:"/Page3",
            templateUrl: "Page3.html"
        });
});