Angular4 - displaying array element in html

Question

Here is my function that takes resLS as an object array. I am trying to display arr in html element using Angular 4. But when I do {{arr}}, I don't see anything in html. I was expecting to see some element appended in arr array and I definitely see data in console. What am I missing?

findLastValueLS(resLS, name: String) {
let index = resLS.NewDataSet.Table.findIndex(d => d.DataPointName[d.DataPointName.findIndex(DataPointName => DataPointName === name)]);
console.log(resLS.NewDataSet.Table[index].LastValue);
var arr = []; 
arr.push(resLS.NewDataSet.Table[index].LastValue);
}

You can use the JSON pipe for this {{ arr | json }}. Or even <pre>{{ arr | json }}</pre> for a more readable output. — Mike Bovenlander
– Mike Bovenlander, Commented Oct 25, 2017 at 13:32

Nawrez · Accepted Answer · 2019-06-07 14:13:42Z

4

Use ngFor :

  <div *ngFor="let item of arr">
      Name : {{ item }}
  </div>

edited Jun 7, 2019 at 14:13

answered Oct 25, 2017 at 13:32

Nawrez

3,3328 gold badges30 silver badges44 bronze badges

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

12 Comments

James Over a year ago

i don't get any item values.

James Over a year ago

I just checked. It lists of array as expected in console.

Nawrez Over a year ago

James Over a year ago

i replaced logMe() with my function, and once I click it says that it cannot read property of object somehow .. why is that ?

Nawrez Over a year ago

outside the function arr is null so it will not populate values , you have to make it ouside and use this.arr inside

|

George Barbulescu · Accepted Answer · 2017-10-25 13:40:50Z

0

Use *ngFor if you are using Angular, or ng-repeat if you are using AngularJS. See the documentation:

AngularJS : https://docs.angularjs.org/api/ng/directive/ngRepeat Angular:https://angular.io/api/common/NgForOf

Sample for Angular:

<div *ngFor='item of arr'> {{item}} </div>

answered Oct 25, 2017 at 13:40

George Barbulescu

1411 silver badge9 bronze badges

Collectives™ on Stack Overflow

Angular4 - displaying array element in html

2 Answers 2

12 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related