1

**Hi,i am filtering the array data from textbox but the code is not working properly can any one help me please.the data from back end

 self.AdminLineDetails = function(data) {
   $scope.details = [];
   $scope.details = data.GoalData;
   console.log(data);
 }
<div class="row">
  <div class="col-md-12">
    <input ng-model="query" type="text" class="form-control" placeholder="Filter by name or number">
  </div>
  <div>
    <tbody>
      <tr ng-repeat="detail in details|filter:query">
        <td><a href="#">{{detail.firstName}}</a>
        </td>
        <td><a href="#">{{detail.lastName}}</a>
        </td>
        <td><a href="#">{{detail.mdn}}</a>
        </td>
      </tr>

    </tbody>
  </div>

**

  • you are using `self.AdminLineDetails = function(data) ` in actual code then it is I think a typo error, replace this with `$scope.AdminLineDetails....` – Zohaib Ijaz Nov 18 '15 at 09:29
  • self.AdminLineDetails = function(data) it is ajax call success function "apiService.getAccountLineDetails(config) .success(self.AdminLineDetails).error(self.error);" –  Nov 18 '15 at 09:54

2 Answers2

2

You can specify on which property you are trying to filter, do something like

 <tr ng-repeat="detail in details|filter: {firstName: query}">
Zohaib Ijaz
  • 21,926
  • 7
  • 38
  • 60
0
<input type="text" ng-model="search">
<ul ng-repeat="oneauth in authorisations[0]">
    <li ng-repeat="entry in oneauth | nameFilter:search">{{entry.auth.name}}</li>
</ul>

JS

var app = angular.module('myapp', [], function () {});

app.controller('AppController', function ($scope) {    
    $scope.authorisations = [{
        "authorisations":[
        {
            "auth":{
                "number":"453",
                "name":"Apple Inc."
            }
        },
        {
            "auth":{
                "number":"123",
                "name":"Microsoft Inc."
             }
        }]
    }];
});

app.filter('nameFilter', function(){
    return function(objects, criteria){
        var filterResult = new Array();
        if(!criteria)
            return objects;

        for(index in objects) {
            if(objects[index].auth.name.indexOf(criteria) != -1) // filter by name only
                filterResult.push(objects[index]);
        }
        console.log(filterResult);
        return filterResult;  
    }    
});

Check this sample

http://jsfiddle.net/yctchgnk/

Arun
  • 1,177
  • 9
  • 15