Question

在搜索文本框中搜索氧气时，网址为： http://api.abc.com/GetGPs 搜索=氧＆安培; UID = 688-B65-462-F9-7A 并且假设我想搜索cor然后url应该改变我点击cor的搜索按钮的那一刻。应该是这样的？http://api.abc.com/GetGPs 搜索= COR ＆安培; UID = 688-B65-462-F9-7A。 json文件具有相同的字段，因此在角度中的显示功能将与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 = '';
};
  });

//这是搜索短信代码

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

//这是我正在使用的过滤器

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

1）用户输入oxy .click搜索。网址最初在http获取http://api.abc.com/GetGPs？ search = oxy ＆amp; uid = 688-B65-462-F9-7A 。搜索结果以角度显示

2）用户输入cor.click搜索。 URL应自行更新为 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 ....马修及其正确的回答上述问题

从Angular中的输入控件更新URL

1 个答案: