Angular2从数组创建一个列表

时间:2016-04-11 22:23:39

标签: javascript angularjs angular

使用Angular2我尝试从数组中创建一个列表......类似于:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: `

        <ul>
            <li *ngFor="">
                {{names}}
            </li>
        </ul>

    `,
})
export class AppComponent {

    names = ['name1', 'name2', 'name3'];

}

我怎样才能让这样的事情发挥作用?

1 个答案:

答案 0 :(得分:7)

应该是

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: `
        <ul>
            <li *ngFor="#name of names">
                {{name}}
            </li>
        </ul>
    `,
})

export class AppComponent {

    names = ['name1', 'name2', 'name3'];

}