angularjs - 在 Angular 中：在从下拉列表中选择选项时，我想在搜索字段中使用该值进行搜索

Question

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

我的html是

<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;
}