Angular js: ng-repeat, Json string

Question

My html code.

<div ng-repeat="text in collection">
   <h3>{{text.caption}}</h3>
</div>

My json string.

$scope.collection= [{"caption": "HELLO CAPTION 1","content":"SomeContent"}];

I have to use 'ng-repeat' in my html code even if there is only one key value pair. Is it mandatory to use ng-repeat for getting a single json string?

Mandatory? No. Future proof to not use it? No. Use it. If your array grows, you'll thank yourself. — Sterling Archer
– Sterling Archer, Commented Sep 26, 2016 at 13:34

Sajeetharan · Accepted Answer · 2016-09-26 13:33:11Z

1

No need, if you have only one object inside an array you can use like this,

 <h3>{{collection[0].caption}}</h3>

DEMO

answered Sep 26, 2016 at 13:33

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

Murali · Accepted Answer · 2016-09-26 13:46:40Z

1

There is object inside the array so you specify the position

{{text[0].caption}} {{text[0].content}}

(or)

<div ng-repeat="text in collection">
    <div ng-repeat="object in text">
       <h3>{{object.caption}} {{object.content}}</h3>
    </div>

answered Sep 26, 2016 at 13:46

Murali

636 bronze badges

Comments

Karim · Accepted Answer · 2016-09-26 13:48:46Z

1

is the array going to grow during the life of your application? if yes you should consider keep the ng-repeat as it is,

otherwise get the first element of the array and extract the field you need

<h3>{{collection[0].caption}}</h3>

answered Sep 26, 2016 at 13:48

Karim

8,6823 gold badges27 silver badges36 bronze badges

Collectives™ on Stack Overflow

Angular js: ng-repeat, Json string

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related