データをクエリするためにさまざまなファセットを受け入れる RESTful エンドポイントがあるとします。いくつかの例を次に示します。
example.com/search?type=Doctor&location=Boston,MA&radius=2
example.com/search?type=Facility&location=Wayne,NJ&radius=3&gender=f
example.com/search?type=Doctor&location=Patterson,NJ
私のモジュールは、クエリ オブジェクトを受け入れて検索を実行します。
console.log(query);
{
type:'Doctor',
location:'Boston,MA',
radius:'2'
}
$scope.getSearch = function(query){
var search = $search.search(query);
search.getResults(function(results){
$scope.results = results;
});
}
これらのファセットは、Web フォームのローカル モデルを介して渡されます。
<input type="text" ng-model="query.location"/>
<input type="text" ng-model="query.radius"/>
<button type="button" ng-click="getSearch(query)">Search</button>
関数の成功のコールバックでは、getResults
上記の例のようにクエリ パラメータを URL に追加しようとしています。
$scope.getSearch = function(query){
var search = $search.search(query);
search.getResults(function(results){
$scope.results = results;
search.appendQueryToURL(query);
});
}
AngularJS で URL パラメータを動的に追加するにはどうすればよいですか?