在角度中:从下拉列表中选择选项时，我想在该值的搜索字段中搜索

Question

我是角度新手，我被卡住了...
我想创建一个下拉列表，如下图所示，其中文本框中的占位符取决于下拉列表中的所选选项。

我的网页是

<select class="selectpicker" ng-options="search for search in searchCriteria" ng-model="searchWith">
    <option value="">Select : </option>
</select>
<input type="text" ng-model="searchName" class="form-control" placeholder="Search with {{searchWith}}" />

我的控制器定义为：

var companyInfo = angular.module('companyInfo', []);
companyInfo.controller('searchExample', ['$scope',   '$http',function($scope, $http){
   $scope.searchCriteria = ['Name', 'Employee Id', 'Designation', 'Email','Phone No']
   $http.get("data/data.json").then(function(data){
       $scope.employeeDetails= data.data;       
   });
   $scope.searchInTable = function(searchName){
      $scope.searchVal = searchName;
   }    
}]);

Answer 1

您可以尝试此操作data-ng-change将更改选择时的事件与指定的函数绑定

    <select class="selectpicker" ng-options="search for search in searchCriteria" ng-model="searchWith" data-ng-change="search()">
    <option value="">Select : </option>
</select>
<input type="text" ng-model="searchName" class="form-control" placeholder="Search with {{searchWith}}" />

并在您的控制器中

    $scope.search = function(){
  $scope.searchName = $scope.searchWith;
}