根据用户搜索输入更新URL。在搜索文本框中搜索氧气时使用Angular

Question

url： http://api.abc.com/GetGPs？ search = oxy & uid = 688-B65-462-F9-7A 假设我想搜索cor，那么url会改变我点击cor的搜索按钮的那一刻。它应该像 http://api.abc.com/GetGPs？ search = cor & uid = 688-B65-462-F9-7A。 json文件具有相同的字段，因此angular中的显示函数的工作原理与url将会更改并且值也相同，但不是类型，名称和编号。字段

代码是

var countryApp = angular.module('countryApp', []); 
    countryApp.controller('CountryCtrl', function ($scope, $http){ 
    $http.get('http://api.abc.com/GetGPs?**search=oxy**&uid=688-B65-462-F9-7A 
').success(function(data) { 
     console.log(data); 
     $scope.dta = data.emp; 
    }); 
    $scope.reset = function() { 
    $scope.enteredValue = ''; 
}; 
    }); 

//这是搜索texbox代码

<input type="text" ng-model="enteredValue" /> 
<button ng-click="reset()">Clear</button> 

//这是过滤器，我使用

<tr ng-repeat="x in dta | filter:enteredValue"> 

1）的用户输入氧基.click搜索。最初在http中的url得到http://api.abc.com/GetGPs？ search = oxy & uid = 688-B65-462-F9-7A 。搜索结果以角度显示

2）用户输入cor.click搜索。网址应该更新为 http://api.abc.com/GetGPs？ 搜索= COR & UID = 688-B65-462-F9-7A

3）显示检索结果中的角

Answer 1

//.js

countryApp.controller('CountryCtrl', function($scope, $http) { 
    $scope.enteredValue = "*"; 
    $scope.targetUrl = 'url'; 
    $scope.reset = function() { 
    $scope.enteredValue = ''; 
    }; 
    $scope.doIt = function() { 
    $scope.targetUrl = 'http://api.abc.com/GetGPs?search=' + $scope.enteredValue + '&uid=688-B65-462-F9-7A'; 
    $http.get($scope.targetUrl) 
     .success(function(data) { 
     console.log(data); 
     $scope.dta = data.emp; 
     }); 
    }; 
}); 

// HTML

<input type="text" ng-model="enteredValue" /> 
    <button ng-click="doIt()">Submit</button> 
    <button ng-click="reset()">Clear</button> 

https://plnkr.co/edit/6FJMnsA0rW54BLi6u5r7?p=preview plunker ....马修回答上述问题及其正确