【问题标题】:how to show list in angular 2?如何以角度2显示列表?
【发布时间】:2017-01-19 03:15:19
【问题描述】:

我正在尝试以 Angular 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

【问题讨论】:

    标签: angular angular2-routing


    【解决方案1】:

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

    您只需将 # 改为 let 关键字即可。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-09-05
      • 1970-01-01
      • 2018-06-28
      • 1970-01-01
      • 2018-01-03
      • 1970-01-01
      • 2018-04-21
      • 1970-01-01
      相关资源
      最近更新 更多