ng-repeat & javascript object

Question

here is my object:

     $scope.tickets = [{
         title: "Bug 1",
         number: 1,
         desc: 'Description #1',
         assigned: [{
             name: "Someone",
             group: "Development"
         }]
     },
     {
         title: "Bug 2",
         number: 2,
         desc: 'Description #1',
         assigned: [{
             name: "someone2",
             group: "Development"
         }]
     },
     {
         title: 'Random unknown issue',
         number: 3,
         desc: 'Description #3',
         assigned: [{
             name: "Someone3",
             group: "Support"
         }]
     }];

I am doing a table to display all the content and inside im doing an hg-repeat but i do not know how to access the name and group info under the assigned

<p class="lead">Development:</p>
<div class="table-responsive">
  <table class="table table-striped table-condensed">
    <thead>
      <tr>
        <!-- <th>index</th> -->
        <th>#</th>
        <th>Title</th>
        <th>Description</th> 
        <th>Group/Assigned</th>
        <th>Advanced</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="ticket in tickets">
        <td>{{ticket.number}}</td>
        <td>{{ticket.title}}</td>
        <td>{{ticket.desc}}</td>
        <td>{{ticket.assigned.group}} / {{ticket.assigned.name}}</td>
        <td>
          <button class="btn btn-primary" ng-click="sendToSupport(ticket)">Send to Support</button>
        </td>
      </tr>
    </tbody>
  </table> 
</div>

I have tried filtering the ng-repeat by
```
 | filter: {group: 'Support'}
```

and does not work

aslo as you can see im sending the object into an ng-click

<tr ng-repeat="ticket in tickets">
 <td>{{ticket.number}}</td>
 <td>{{ticket.title}}</td>
 <td>{{ticket.desc}}</td>
 <td>{{ticket.assigned.group}} / {{ticket.assigned.name}}</td>
 <td>
  <button class="btn btn-primary" ng-click="sendToSupport(ticket)">Send to Support</button>
 </td>

what i am doing is this

      $scope.sendToDev = function(ticket){
        this.ticket.assigned.group = "Support"
     }

seems ok?

Where is the ng-app and ng-controller attrs? also, please upload the angular declarations in your js file. — Noam
– Noam, Commented Aug 25, 2013 at 19:45
ng-app is inside my html tag <html ng-app="app"> my controller is in a div  <div class="container" ng-controller="ticketsCtrl"> — Misael Tovar
– Misael Tovar, Commented Aug 25, 2013 at 20:07

Galdo · Accepted Answer · 2013-08-25 19:59:58Z

2

You defined assigned as an array of object

assigned: [{
             name: "Someone3",
             group: "Support"
         }]

Define it as a object (without the []) or access it as an array.

assigned: {
             name: "Someone3",
             group: "Support"
         }

If you really need it to be an array, use a nested ng-repeat like this :

<td><div ng-repeat="assigned in ticket.assigned">{{assigned.group}} / {{assigned.name}}</div></td>

edited Aug 25, 2013 at 19:59

answered Aug 25, 2013 at 19:48

Galdo

9451 gold badge6 silver badges12 bronze badges

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

3 Comments

Misael Tovar Over a year ago

how would you filter by the group?

Galdo Over a year ago

ng-repeat="assigned in ticket.assigned | filter: {group: 'Support'}"

Galdo Over a year ago

I did it yesterday before answering you on a plunker that I did discard and it was working. Try again. If you are not able to do it, I will give you a plunker tonight.

Collectives™ on Stack Overflow

ng-repeat & javascript object

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related