如何在角度2中显示列表?

时间:2016-09-11 15:10:41

标签: angular angular2-routing

我正在尝试以角度2显示列表。我正在获取模板解析错误。 我添加了这个组件

import {Component} from "@angular/core";
import {TodoService} from "./todo-service";
@Component({
    selector: 'todo-list',
    template: `<div>
        <ul>
          <li *ngFor="#t of todoService.todos">
            {{t}}
          </li>
         /ul>
       </div>`
})
export class TodoList {
  constructor(public todoService: TodoService) {}
}

尝试显示列表。但是得到这个错误

  

错误:未捕获(在承诺中):错误:模板解析错误:       分析器错误:TodoList @ 2:21中的[ngFor #t of todoService.todos]第7列的意外令牌#(“                                               

这是我的代码 http://plnkr.co/edit/FvdcxQoa5PCp0jx1tNgO?p=preview

1 个答案:

答案 0 :(得分:1)

工作演示:http://plnkr.co/edit/tKMzJzlr0Zd6zSd5bHsX?p=preview

您只需将更改为允许关键字。

<li *ngFor="let t of todoService.todos">