使用ui.route時根據url更改請求url

Question

我使用$http作爲ajax調用的角度，使用ui.router作爲routing。

路線

.state("/dashboard.inactive", { 
    url: "/inactive", 
    templateUrl: "angular/templates/dashboard/inactive.html", 
    controller: "dashboardCtrl" 
}) 
.state("/dashboard.drafts", { 
    url: "/drafts", 
    templateUrl: "angular/templates/dashboard/drafts.html", 
    controller: "dashboardCtrl" 
}); 

所以下面的代碼工作，如果它是一個單一的URL。

控制器

app.controller('dashboardCtrl', function ($scope, DashboardFactory){ 
    DashboardFactory.listings(function(DashboardFactory) { 
     $scope.results = DashboardFactory; 
    }); 
}); 

下面的工廠從drafts.json資源只有獲取。所以當URL變爲非活動狀態時，我希望它分別從inactive.json和active.json中獲取。

廠

app.factory('DashboardFactory', function($http){ 
    return { 
     listings: function(callback){ 
      $http.get('drafts.json').success(callback); 
     } 
    }; 

}); 

總之我需要發送基於所述URL

1) '/drafts.json' 
2) '/inactive.json' 
3) '/active.json' 

我可以爲每個活動創建不同的控制器請求到低於3的網址中的任何一個，不活躍和草稿，並使其按預期方式獲取。但有沒有更好的方法來做到這一點？

Answer 1

你可以使用UI航線的$state服務，以告訴在哪個國家。 只需注入$狀態給您的服務，然後才能訪問當前狀態的配置使用$state.current。

app.factory('DashboardFactory', 
    function($http, $state){ 
     return { 
      listings: function(callback){ 
       var currentView = $state.current.url.replace('/', ''); 
       $http.get(currentView + '.json').success(callback); 
      } 
     }; 
    }); 

一個更好的解決辦法是要麼使用state配置的params財產或添加一些自定義屬性，如：

.state("/dashboard.inactive", { 
    url: "/inactive", 
    templateUrl: "angular/templates/dashboard/inactive.html", 
    controller: "dashboardCtrl", 
    params: { 
    json: 'inactive.json' 
    } 
}) 
.state("/dashboard.drafts", { 
    url: "/drafts", 
    templateUrl: "angular/templates/dashboard/drafts.html", 
    controller: "dashboardCtrl", 
    params: { 
    json: 'drafts.json' 
    } 
}); 

它在documentation描述。