Question

我的简单Angular todo应用程序中有两个组件

待办事项-root.ts

import { Component, Input, Output, EventEmitter } from '@angular/core';

export class TodoItem {
  todo: String;
}

@Component({
  selector: 'todo-list',
  template: `
    <div *ngFor="let todoTask of todoList">
        <span>{{todoTask.todo}}</span>
    </div>
  `
})
export class TodoListComponent {

    @Input()
    todoList:TodoItem[] = [];
}

待办事项-list.ts

 <input type="text" id="name" name="name" placeholder="Enter your name"  required="name">

我如何在“todo-list”组件ngFor循环中获取“todoTaskList”值。如何@input在这种情况下工作。任何人都可以帮忙。

Answer 1

替换此行

@Input() todoList:TodoItem[] = [];

与

@Input() todoList:TodoItem[];

Angular2 @input传递数组对象

1 个答案: