Question

我正在尝试动态填充Angular2中的数组。以下是我的

import { Component } from '@angular/core';

@Component({
    selector: 'pm-app',
    templateUrl: 'app/app.component.html'
})
export class AppComponent {        
    ngOnInit(): void {
        let numbers: number[] = [];
        for (var i=1; i <= 9; i++) {
            numbers.push(i);
        }
    }
}

以下是HTML内容：

<div id="numbers-frame">
    <div class="well">
        <div *ngFor="let number of numbers; let i = index">
          {{i}} {{number}}
        </div>
    </div>
</div>

我根本没有得到任何输出。任何人都可以告诉我这里做错了什么？感谢。

Answer 1

Angular2将组件视为上下文。您应该在组件中声明numbers属性：

export class AppComponent {   
  numbers: number[] = [];

  ngOnInit(): void {
    for (var i=1; i <= 9; i++) {
      this.numbers.push(i);
    }
  }
}

<强> Plunker Example

使用* ngfor在Angular2中绑定动态填充的数组

1 个答案: