Угловой 1 - получить текущие параметры URL

Question

Я хочу извлечь данные из текущего URL-адреса и использовать его в контроллере. Например, у меня есть этот URL:

app.dev/backend/surveys/2

Биты, которые я хочу, чтобы извлечь:

app.dev/backend/ : тип/: идентификатор

есть anyt в углу, что могло бы помочь мне с этой задачей?

Answer 1

Чтобы получить параметры из URL с ngRoute. Это означает, что вам необходимо включить angular-route.js в ваше приложение в качестве зависимости. Дополнительная информация, как это сделать на официальном ngRoute documentation.

Решение по вопросу:

// You need to add 'ngRoute' as a dependency in your app 
angular.module('ngApp', ['ngRoute']) 
    .config(function ($routeProvider, $locationProvider) { 
     // configure the routing rules here 
     $routeProvider.when('/backend/:type/:id', { 
      controller: 'PagesCtrl' 
     }); 

     // enable HTML5mode to disable hashbang urls 
     $locationProvider.html5Mode(true); 
    }) 
    .controller('PagesCtrl', function ($routeParams) { 
     console.log($routeParams.id, $routeParams.type); 
    }); 

Если вы не включите $locationProvider.html5Mode(true);. Urls будет использовать hashbang (/#/).

Дополнительную информацию о маршрутизации можно найти на официальном угловом $route API documentation.

---

Side Примечание: Этот вопрос отвечает, как достичь этого, используя нг-Route, однако я бы рекомендовал использовать ui-Router для маршрутизации. Он более гибкий, предлагает больше функциональности, документация отличная и считается лучшей библиотекой маршрутизации для угловых.

Answer 2

Вы можете ввести $routeParams вашему контроллеру и получить доступ ко всем параметрам, которые использовались при разрешении маршрута.

т.д .:

// route was: app.dev/backend/:type/:id 

function MyCtrl($scope, $routeParams, $log) { 
    // use the params 
    $log.info($routeParams.type, $routeParams.id); 
}; 

См angular $routeParams documentation для получения дополнительной информации.

Answer 3

В конфигурации маршрута вы обычно определяют маршрут, как,

.when('somewhere/:param1/:param2') 

Вы можете либо получить маршрут в объекте Resolve с помощью $route.current.params или в контроллере, $routeParams. В любом случае параметры извлекаются с использованием сопоставления маршрута, поэтому к param1 можно получить доступ к контроллеру $routeParams.param1.

Edit: отметить также, что отображение должно быть точным

/some/folder/:param1 

будет соответствовать только один параметр.

/some/folder/:param1/:param2 

будет соответствовать только два параметра.

Это немного отличается от большинства динамических маршрутов на стороне сервера. Например, сопоставление маршрутов NodeJS (Express), где вы можете предоставить только один маршрут с X числом параметров.

Answer 4

Просто вводят услугу routeParams:

http://docs.angularjs.org/api/ngRoute.$routeParams

Answer 5

например: URL /: идентификатор

var sample= app.controller('sample', function ($scope, $routeParams) { 
    $scope.init = function() { 
    var qa_id = $routeParams.qa_id; 
    } 
}); 

Answer 6

Лучше бы генерировать URL, как

app.dev/backend?type=surveys&id=2 

, а затем использовать

var type=$location.search().type; 
var id=$location.search().id; 

и впрыснуть $ расположение контроллера.