使用角度下拉列表在表中加载不同的数据以选择不同的选项？

Question

我有一个下拉列表和一个 json 文件，我想使用下拉列表中的每个选项从 json 文件中加载两个不同的数据，但我不知道该怎么做。

这是我的下拉代码，我也从控制器中创建的 json 类型文件中获取下拉数据

 <select ng-model="appointment" name="appointment-sch" ng-options="item as item.name for item in selectItemsFilterCriteria">
                <option value="">Filter Criteria</option>
            </select>

我正在像这样将选项下拉到控制器中

 $scope.selectItemsFilterCriteria = [
    {id:1 , name:"appointments scheduled"},
    {id:2 , name:"fresh leads"}

  ];

我的 json 文件中有数据，现在我希望根据从下拉列表中选择的选项对我的数据进行排序，并将其显示到一个简单的表格中

这是我的服务

(function() {
    'use strict';

    angular
        .module('n.lead-allocation')
        .factory('factoryLeadAlloc',function($http) {
            function fetchLeadRecord() {
                return $http({
                    url: "../www/jsonFiles/leadAllocRecord.json",
                    method: "GET"
                });
            }
            return{
                fetchLeadRecord:fetchLeadRecord
            }
        });
})();

我将此服务调用到控制器中并将服务 json 数据存储到项数组中。

$scope.items = [];
        factoryLeadAlloc.fetchLeadRecord().success(function(response) {
          $scope.items = response;
          $scope.search = function () {
            $scope.filteredItems = $filter('filter')($scope.items, function (item) {
              return searchMatch(item.name, $scope.query) || searchMatch(item.phoneNo, $scope.query);
              //for(var attr in item) {
              //  if (searchMatch(item[attr], $scope.query))
              //
              //    return true;
              //}
              //return false;
            });
      // take care of the 

Answer 1

好的，我尝试为您整理一个 Codepen，它应该阐明您如何更改数据 Codepen

 $scope.changeTable = function(id){
    angular.forEach($scope.people, function(value, index){
        console.log(value.id)
        if(id == value.id){
        $scope.displayList.push(value);
        }
    });
    console.log($scope.displayList);
}