Question

我有一个带有从另一个文件导入的数组的类，该数组正确地被压缩但未在模板中显示

数组定义

let list = [
  {nombre :"primero"},
  {nombre :"segundo"},
  {nombre :"tercero"}
];

export {list};

班级

import { Component, OnInit } from '@angular/core';
import { Clock } from '../classes/clock';
import { ClockFactory } from '../classes/clockFactory';
import { list } from '../data/data';

@Component({
  selector: 'app-crono',
  templateUrl: './crono.component.html',
  styleUrls: ['./crono.component.css']
})
export class CronoComponent implements OnInit {


  public lapses:Array<Clock>=[];
  private factory:ClockFactory;
  private persona ={ nombre:'Nombre'};
  private lista = list;

  constructor(factory:ClockFactory) {
    console.log('constructor Crono');
    console.log(this.lista);
    this.factory = factory;
  }

  ngOnInit() {
  }

}

和模板

<div>
  <p *ngFor="let element of list">{{element.nombre}}</p>
</div>

这段代码没有意义，但仅用于测试目的，我正在学习angular2

Answer 1

您正在导出一个实际上是对象而不是数组的列表，用这个列表替换列表导出

 export const list = [
  {nombre :"primero"},
  {nombre :"segundo"},
  {nombre :"tercero"}
 ];

并且在您的组件中，您已创建了list属性，但使用此

重命名list重命名列表属性list

 private list = list;

在模板角度2上显示数组

1 个答案: