Побудуйте рядок запиту з об'єкта параметрів

Question 1

Як побудувати URL-адресу з параметрами запиту в Angularjs.

проблема полягає в тому, що $ location (url) полягає у перенаправленні на url. У моєму випадку я хочу передати пари url і key: value для параметрів запиту та побудувати URL-адресу. щось на зразок

url: /a/b/c params:{field1: value1, field2: value2}

результат: /a/b/c?field1=value1&field2=value2

Я люблю використовувати цю URL-адресу для посилань. Я також бачив кутове кодування ?, &символи. Чи можу я цього уникнути?

Редагувати:

Моїм наміром було використовувати url як href для якірних елементів. Я використовую $ http для надсилання запиту, але іноді мені потрібно надати посилання з параметрами запиту (на основі поточного об'єкта)

Дякую

Question 2

Є гарне рішення, починаючи з 1.4+. Ви можете побудувати рядок запиту з об’єкта параметрів за допомогою $httpParamSerializer:

var qs = $httpParamSerializer(params);

Документи дивіться тут

За замовчуванням серіалізатор $ http params, який перетворює об'єкти на рядки згідно з наступними правилами:

{'foo': 'bar'} results in foo=bar
{'foo': Date.now()} results in foo=2015-04-01T09%3A50%3A49.262Z (toISOString() and encoded representation of a Date object)
{'foo': ['bar', 'baz']} results in foo=bar&foo=baz (repeated key for each array element)
{'foo': {'bar':'baz'}} results in foo=%7B%22bar%22%3A%22baz%22%7D" (stringified and encoded representation of an object)
Note that serializer will sort the request parameters alphabetically.

Question 3

Angular використовує buildUrl()функцію внутрішньо для створення рядка запиту з об'єкта параметрів. Наразі його неможливо використовувати у своєму коді, оскільки він приватний, $HttpProviderякщо ви не хочете зробити якусь eval()магію.

Пов’язані питання про github:

Question 4

Повірте, ви справді начебто гавкаєте неправильне дерево ... вам потрібно поглянути на службу $ http, яка надає вам $ http.get (url, config) або $ http.post (url, data, config). Для отримання запиту GET з параметрами див. Наступний SO

Параметри отримання $ http не працюють

Інформацію про $ http та як це працює див. У документації Angular.

http://docs.angularjs.org/api/ng.$http

Можливо, я неправильно розумію ціль, і ви насправді хочете перейти до іншого місця, я пропоную тут лише зробити запит у фоновому режимі (стиль AJAX).

http://jsfiddle.net/4ZcUW/

JS

angular.module("myApp", []).controller("MyCtrl", ["$scope", "$window", function($scope, $window) {
    $scope.goPlaces = function(url, parameter) {
        $window.open("http://www."+url+"?q="+parameter);
        //$window.open("http://www."+url+"?q="+parameter, "_self");
        //$window.open("http://www."+url+"?q="+parameter, "_top");
    };
}])

HTML

<div ng-app="myApp" ng-controller="MyCtrl">
    <a href="#" ng-click="goPlaces('google.com','Shaun Husain')">Find me</a>
</div>

Це працює для вашої справи?

Question 5

Правила форматування внутрішньої та зовнішньої URL-адрес angular дещо відрізняються.

$ Location - це засіб активації внутрішніх маршрутів у вашому власному додатку.

Якщо це зовнішнє посилання, тоді $ http - це те, що ви хочете.

Якщо це внутрішнє посилання, то перевірте, можливо, варто перевірити синтаксис хеш / вибуху.