Angular.js filter to display same values from JSON data

Question

This is my code, I'm trying to render a list of items should contain "type_transaction" is equal to "paypal" and im trying to avoid rendering different than "paypal".

DATA in JSON:

    {
        "orders":[
            {
                "id_order":"374",
                "type_transaction":"paypal"
            },
            {
                "id_order":"373",
                "type_transaction":"credit-card"
            },
            {
                "id_order":"372",
                "type_transaction":"credit-card"
            },
            {
                "id_order":"371",
                "type_transaction":"paypal"
            }

        ]
   }

HTML:

                    <tbody ng-init="get_orders()">
                        <tr ng-repeat="order in orders | filter:searchText">
                            <td>{{order.id_order}}</td>
                            <td>{{order.type_transaction}}</td>
                        </tr>
                    </tbody>

Javascript function will apply the filter to display a list according if their items are same to "Paypal":

$scope.get_orders = function(n) {

    $http.post(url, $scope.main ).success(function(data){
      $filter('filter')(data.orders, "'type_transaction': 'paypal'", true) = data.orders;
        //$scope.orders = data.orders;
    });
}

It gave me an error, it showed ReferenceError: Invalid left-hand side in assignment I still don't understand how $filter works.

@amani92 Can you elaborate this? I tried to put ng-if="'type_transaction': 'paypal'" with ng-repeat, so it won't work — Ivan
– Ivan, Commented May 23, 2016 at 21:54
$filter('filter')(...)=data.orders; Your error is not about $filter - it's how javascript works. — vp_arth
– vp_arth, Commented May 25, 2016 at 18:19

amani92 · Accepted Answer · 2016-05-23 22:33:27Z

1

Try to surround string (paypal) with quotes ':

ng-if="order.type_transaction=='paypal'"

answered May 23, 2016 at 22:33

amani92

9139 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Angular.js filter to display same values from JSON data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related