angular JS access attribute from an array of objects

Question

$completed = [Object { count(1)="7", gid="306"}, Object { count(1)="1", gid="311"}]

How do I get count(1) = 7 in an HTML template?

<div class="{{ completed | filter : group.gid }}">

so

{{ completed | filter : group.gid }}

evaluates to

[{ "count(1)":"7","gid":"306"}]

I just need '7'?

Shashank Agrawal · Accepted Answer · 2016-07-29 09:37:28Z

1

Here you go:

<div class="{{(completed | filter: group.gid)[0]["count(1)"]}}" >

See the working demo:

var app = angular.module("sa", []);

app.controller("FooController", function($scope) {

  $scope.group = {
    gid: 7
  };

  $scope.completed = [{
    "count(1)": "7",
    gid: "306"
  }, {
    "count(1)": "1",
    gid: "311"
  }]
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="sa" ng-controller="FooController">
    {{(completed | filter: group.gid)[0]["count(1)"]}}
</div>

answered Jul 29, 2016 at 9:37

Shashank Agrawal

25.9k11 gold badges98 silver badges126 bronze badges

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

1 Comment

Spdexter Over a year ago

No sorry! didn't work ! i tried the same with single quotes around 'count(1) but no luck

Collectives™ on Stack Overflow

angular JS access attribute from an array of objects

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related