1

У меня есть рабочий Выберите опцию с несколькими значениями, которые являются фильтрацией данные для поиска.AngularJS: Как обновить значение опции выбора при ng-click?

Теперь мне нужно несколько ссылок рядом, как Sidebar которое полезно непосредственно нажмите и изменить вышеуказанные Выберите Функции

Пожалуйста, обратитесь к этому Ссылка Website Link я сделал.


Войти образец:

Пользователь: [email protected]

Pass: Кишор

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> 

ответ

2

С беглый взгляд на ваш код, который я хотел бы попробовать изменить следующие параметры:

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

Единственное, что я изменил это параметр для функции updateFilter.

[UPDATE]

У вас есть также две функции с тем же именем: updateFilter

Try это так:

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

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

Так ссылка должна сделать следующее: нг-клик = "updateFilterDesignation (обозначения)"

Это должно работать с надеждой.

+1

Tamy это не работает –

+0

Любая удача с обновленным ответом? – Tamy

+0

Tamy Thankyou очень много работает, и вы можете мне помочь обо всех ссылках на результаты, чтобы показать все категории :) –

Смежные вопросы