Xây dựng chuỗi truy vấn từ đối tượng tham số

Cách tạo url với các tham số truy vấn trong Angularjs.

Tôi thấy API $ location.search ()

vấn đề là $ location (url) là chuyển hướng đến url. Trong trường hợp của tôi, tôi muốn chuyển cặp url và key: value cho các tham số truy vấn và xây dựng url. cái gì đó như

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

kết quả: /a/b/c?field1=value1&field2=value2

Tôi thích sử dụng url này cho các liên kết. Tôi cũng đã thấy mã hóa góc cạnh ?, &ký tự. Tôi có thể tránh điều này không?

Biên tập:

Ý định của tôi là sử dụng url làm href cho các phần tử neo. Tôi sử dụng $ http để gửi yêu cầu, nhưng đôi khi tôi cần cung cấp một liên kết, với các tham số truy vấn (dựa trên đối tượng hiện tại)

Cảm ơn

Có một giải pháp tuyệt vời kể từ 1.4+. Bạn có thể tạo một chuỗi truy vấn từ một đối tượng tham số với $httpParamSerializer:

var qs = $httpParamSerializer(params);

Xem tài liệu tại đây

Bộ tuần tự $ http params mặc định chuyển đổi các đối tượng thành chuỗi theo các quy tắc sau:

{'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.

Angular sử dụng buildUrl()hàm bên trong để tạo chuỗi truy vấn từ một đối tượng tham số. Hiện tại, không thể sử dụng nó trong mã của bạn vì nó là riêng tư $HttpProvidertrừ khi bạn muốn làm một sốeval() phép thuật.

Các vấn đề liên quan trên github:

• https://github.com/angular/angular.js/pull/3213
• https://github.com/angular/angular.js/pull/2701

Hãy tin rằng bạn thực sự đang chọn sai cây ... bạn cần xem xét dịch vụ $ http cung cấp cho bạn $ http.get (url, config) hoặc $ http.post (url, data, config). Đối với một yêu cầu GET với các tham số, hãy xem SO sau đây

$ http get tham số không hoạt động

Để biết thông tin về $ http và cách nó hoạt động, hãy xem tài liệu Angular.

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

Có lẽ tôi đang hiểu sai mục tiêu và bạn thực sự muốn điều hướng đến một nơi khác, những gì tôi đề xuất ở đây chỉ là thực hiện yêu cầu trong nền (kiểu 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>

Điều này có làm việc cho trường hợp của bạn?

Quy tắc định dạng URL bên trong và bên ngoài của angle hơi khác nhau.

Vị trí $ là một phương tiện kích hoạt các tuyến nội bộ trong ứng dụng của riêng bạn.

Nếu đó là một liên kết bên ngoài thì $ http là những gì bạn muốn.

Nếu đó là một liên kết nội bộ, thì hãy kiểm tra nó có thể đáng để kiểm tra cú pháp hash / bang.