Angular4 - 在html中显示数组元素答案

【问题标题】：Angular4 - displaying array element in htmlAngular4 - 在html中显示数组元素
【发布时间】：2017-10-25 13:29:08
【问题描述】：

这是我将 resLS 作为对象数组的函数。我正在尝试使用 Angular 4 在 html 元素中显示 arr。但是当我执行 {{arr}} 时，我在 html 中看不到任何内容。我期待看到一些元素附加在 arr 数组中，我肯定会在控制台中看到数据。我错过了什么？

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);
}

【问题讨论】：

你能添加你的html代码吗
只是
{{arr}}
您可以将JSON pipe 用于此{{ arr | json }}。甚至<pre>{{ arr | json }}</pre> 以获得更易读的输出。
还是什么都没看到

标签： html arrays angular

【解决方案1】：

使用 ngFor ：

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

【讨论】：

我没有得到任何项目值。
我刚刚检查过了。它在控制台中按预期列出数组。
我用我的函数替换了 logMe()，一旦我点击它就说它无法以某种方式读取对象的属性.. 为什么会这样？
函数外的 arr 为空，所以它不会填充值，你必须把它放在外面并在里面使用 this.arr

【解决方案2】：

如果您使用 Angular，请使用 *ngFor，如果您使用 AngularJS，请使用 ng-repeat。请参阅文档：

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

Angular 示例：

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

【讨论】：