Question

我想获得查询字符串，这是实际路线的一部分，这是实际的网址：
http://localhost:13453/Vehicle/Profile/c2db202f-9bf0-4876-851c-29964484bf7a

我想得到Profile /

之后的最后一个值

我如何在angularJS中实现这一点，然后我可以使用它来获取如下细节：

.controller('VehicleProfileController', ['$scope', '$http', '$location',
  function ($scope, $http, $location) {
    //get the id here which I'll pass to $http call

     $http({
         method: 'GET',
         url: '/Vehicle/GetProfile'
     }).
     success(function (data) {

     });

}])

Answer 1

如果你只是需要一个简单的javascript解决方案，你可以使用类似下面的内容，而不必连接其他依赖项：

var loc = window.location.href; 
var id = loc.slice(loc.lastIndexOf('/'), loc.length).split('/')[1];

在这里快速JSFiddle可以玩。

Answer 2

您可以使用$stateProvider：

angular.module('vehicles').config(['$stateProvider',
    function($stateProvider) {
      $stateProvider.
            state('vehiclesId', {
                url: '/Vehicle/Profile/:id',
                templateUrl: 'modules/view.client.view.html'
            });

}]);

比仅在控制器中使用：

angular.module('vehicles').controller('VehiclesController', ['$stateParams',
function($stateParams){

       $stateParams.id

}]);

Answer 3

正如@sma在评论中所说，我们需要知道你在使用什么路由器。

<强> UI-路由器

如果您使用的是ui-router，并且如果您在州内定义了参数，则只需使用$stateParams即可将其保存在您的控制器中：

app.controller('MyController', ['$stateParams', function ($stateParams) {
    var id = $stateParams.myParamName; // the param defined in the state
}]);

<强> ngRoute

如果您使用的是ngRoute，则应以相同的方式使用$routeParams：

app.controller('MyController', ['$routeParams',
    function($routeParams) {
        var id = $routeParams.myParamName; // the param defined in your route
}]);

修改

我假设你正在使用ngRoute，所以首先检查你的路线定义，它应该在你的config阶段，它应该是这样的：

.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', { templateUrl: 'partials/phone-list.html', controller: 'PhoneListCtrl' }). when('/phones/:phoneId', { templateUrl: 'partials/phone-detail.html', controller: 'PhoneDetailCtrl' }). otherwise({ redirectTo: '/phones' }); }]);

然后，在您的控制器中，您应该能够获得您的参数（在此示例中称为phoneId），如上面的ngRoute控制器示例（使用$routeProvider）。< / p>
您可能应首先查看文档，特别是this part。

在角度控制器

3 个答案: