1

検索用にデータをフィルタリングしている値がほとんどない作業選択オプションがあります。

上記のオプションの選択を直接クリックして変更するのに役立つサイドバーの横にいくつかのリンクが必要です

このLink Website Link i madeを参照してください。

ログイン例：

ユーザー: recobee@gmail.com

パス：キショア

http://proconstruct.co.in/jsearch

Javascript :

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  var json = {
    "modules":
        <?php echo $qres; ?>
  };

  $scope.ocw = json;

  var allCategories = json.modules.map(function(item) {
    return item.designation
  });
  var filteredCategories = [];

  var allCities = json.modules.map(function(item) {
    return item.city
  });
  var filteredCities = [];


  allCategories.forEach(function(item) {
    if (filteredCategories.indexOf(item) < 0 && item) {
      filteredCategories.push(item);
    }
  });

  allCities.forEach(function(item) {
    if (filteredCities.indexOf(item) < 0 && item) {
      filteredCities.push(item);
    }
  });

  $scope.search = {
    designation: ""
  }
  $scope.search = {
    city: ""
  }

  $scope.categories = filteredCategories;

  $scope.updateFilter = function(value) {
    $scope.search.designation = value;
  }


  $scope.cities = filteredCities;
  $scope.updateFilter = function(value) {
    $scope.search.city = value;
  }

});

これらはリンク html です:

<div  ng-repeat="designation in categories ">
    <a ng-click="updateFilter(search.designation)"> {{designation}}</a>
</div>

これは、機能しており、リンクによって反応する必要がある選択です:

<select ng-model="search.designation">
    <option value="">All Categories</option>
    <option ng-repeat="category in categories" value="{{category}}">{{category}}</option>
</select>
4

1 に答える 1

2

コードをざっと見てから、次のように変更してみます。

<div  ng-repeat="designation in categories ">
     <a ng-click="updateFilter(designation)"> {{designation}}</a>
</div>

唯一変更したのは、updateFilter 関数のパラメーターです。

[ アップデート ]

同じ名前の 2 つの関数もあります: updateFilter

これも試してください：

$scope.search = {
    designation: "",
    city: ""
}

$scope.updateFilterDesignation = function(value) {
    $scope.search.designation = value;
}
$scope.updateFilterCity = function(value) {
    $scope.search.city = value;
}

したがって、リンクは次のようにする必要があります: ng-click="updateFilterDesignation(designation)"

これはうまくいくはずです。

于 2015-03-24T08:27:33.090 に答える