Angular Js - Avoid repetition in ng-repeat

Question

I am developing the system for Hotel POS solution. I want to fetch all the current orders and show the table number of orders only once.

But the table number is repeating for all the orders I have written following code :

<span ng-repeat='orders in allCurrentOrder'  ng-if='orders.custId==ctrl.person" + scope.divId + ".selected.cust_id && orders.orderType=="+scope.orderType+"'>Table No. : {{orders.tableNumber}}</span>

and I want output as :

Table No. : 9

but I am getting

Table No. : 9Table No. : 9Table No. : 9Table No. : 9Table No. : 9Table No. : 9Table No. : 9

how can I solve this problem?

There is $index available with ng-repeat you can make condition based on $index and if your matched index found then only you can print table number. — Ashish Panchal
– Ashish Panchal, Commented Oct 19, 2016 at 6:26

After Class · Accepted Answer · 2016-10-19 06:26:25Z

4

Use track by:
ng-repeat='orders in allCurrentOrder track by orders.tableNumber'

answered Oct 19, 2016 at 6:26

After Class

581 silver badge2 bronze badges

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

Comments

QI.soa · Accepted Answer · 2016-10-19 06:26:31Z

0

<span ng-repeat='orders in allCurrentOrder track by $index'  ng-if='orders.custId==ctrl.person" + scope.divId + ".selected.cust_id && orders.orderType=="+scope.orderType+"'>Table No. : {{orders.tableNumber}}</span>

answered Oct 19, 2016 at 6:26

QI.soa

11710 bronze badges

Collectives™ on Stack Overflow

Angular Js - Avoid repetition in ng-repeat

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related