Angular ng-repeat filter

Question

enter image description here i am trying to filter my table data based on the input text, but some how it's not working. Kindly help please.

  <div class="panel panel-default">
   <div class="panel-heading">search
    <input type="text" ng-model="search_text">
    Searching for :: {{search_text}}
   </div>  
  <Table>   
  <table class="table table-hover table-bordered">
    <tr>
        <td>Item ID</td>
        <td>Quantity</td>       
    </tr>
    <tr ng-repeat="item in items | filter:search_text">
        <td>{{item.item[0] }}</td>
        <td>{{item.item[1] }}</td>
    </tr>
 </table>
 </div>

have added my Data structure, above ( using firebase ) and there is no error in console — MGA
– MGA, Commented Jul 17, 2015 at 12:25

nalinc · Accepted Answer · 2015-07-17 12:27:52Z

1

Please check for the version your angularjs you are using or any errors in console.

Your code seems to work and is correct indeed.

  //array of items containing itemID and its quantity
  $scope.items = [{
                    item:['chair',45]
                  },
                  {
                    item:['bed',23]
                  },
                  {
                    item:['laptop',8]
                  }]

Here's the working plunkr

The table data is indeed filtering with respect to value you enter in textbox

answered Jul 17, 2015 at 12:27

nalinc

7,43327 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

willedanielsson · Accepted Answer · 2015-07-17 13:00:16Z

0

Since Angular 1.1.3 you can use:

<tr ng-repeat="item in items | filter:{item[0]: search_text}">

This will compare it to the object property item[0] in your object. If you want the exact match, you can set the filtering to true by adding:

<tr ng-repeat="item in items | filter:{item[0]: search_text}:true">

answered Jul 17, 2015 at 13:00

willedanielsson

1,3333 gold badges11 silver badges14 bronze badges

1 Comment

MGA Over a year ago

Actually when i updated my angular version from 1.3 to 1.4.3 version it's throwing error as " Error: [filter:notarray] Expected array but received: {"-JuQxmosAMBeQitsYevP":{"item":["chair","5"]},"-JuQxoG04-WFcrLR5D6G":{"item":["Bed","10"]},"-JuQxrGLi8O8vZjyQ87O":{"item":["Laptop","2"]},"$id":"items","$priority":null}" ... so how can i save my data as array in firebase ?

Collectives™ on Stack Overflow

Angular ng-repeat filter

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related