If item matches the Array element filter the result have the below json structure
[{"id": "1", "name":"product1","items": ["item1","item2"],},
{"id": "2", "name":"product2","items": ["item4","item3"],},
{"id": "3", "name":"product3","items": ["item5","item1"],}]
Requirement is if i select item1 from drop down i need to filter the entire object which contains item1. I am new to angular js can any one help me out
Use filter in ng-repeat
via text-box
Search by item: <input type="text" ng-model="search.items">
<div ng-repeat="product in data | filter:search">
{{product}}
</div>
via drop-down
<select class="form-control" ng-model="selectedThana" ng-options="t.items for t in data">
<option value="">Select</option>
</select>
<div ng-repeat="product in data | filter:selectedThana">
{{product}}
</div>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.data = [{"id": "1", "name":"product1","items": ["item1","item2"],},
{"id": "2", "name":"product2","items": ["item4","item3"],},
{"id": "3", "name":"product3","items": ["item5","item1"],}];
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<select class="form-control" ng-model="selectedThana" ng-options="t.items for t in data">
<option value="">Select</option>
</select>
<div ng-repeat="product in data | filter:selectedThana">
{{product}}
</div>
</body>You can do this using $filter,
HTML
<select ng-model="user" ng-change="getselected(user)" ng-options="code.name as code.name for code in optionsdownload">
</select>
Controller
$scope.getselected = function(item){
$scope.wholeobj = $filter("filter")($scope.optionsdownload, item);
}
