在angularJS代码中从数组中的对象访问变量

时间:2018-01-02 18:40:23

标签: javascript html arrays angular typescript

我是打字稿和angularJS的新手,我创建了一个类似

的类
[*.ts]
export class Test{
      test: string;
      constructor(foo: string){
        this.test = foo;
      }
}

我现在想创建几个测试对象并将它们推送到数组

[*.ts]
arr = [];
arr.push(new Test("dummy"));
arr.push(new Test("dummy2"));

在html部分,我现在想要遍历测试数组并访问'test'变量:

  [*.html]
  <item  *ngFor="let i of arr">
        {{i.test}}
  </item>

但这似乎不起作用。对于熟悉打字稿的人来说,这应该是显而易见的,但对我来说却不是。你知道我想做什么,你有什么建议吗?

非常感谢你!

1 个答案:

答案 0 :(得分:1)

您正在将对象推送到错误的变量,它应该是,

arr = [];
arr.push(new Test("dummy"));
arr.push(new Test("dummy2"));