模板解析错误：无法绑定到“任务”，因为它不是“任务列表”的已知属性

Question

我正在编写故事书，但在绑定到“任务列表”属性时遇到问题。

这是我的代码：

export const defaultTasks = [
  { ...task, id: '1', title: 'Task 1' },
  { ...task, id: '2', title: 'Task 2' },
];

const props = {
  tasks: defaultTasks,
  onPinTask: actions.onPinTask,
  onArchiveTask: actions.onArchiveTask,
};

storiesOf('TaskList', module)
  .addDecorator(
    moduleMetadata({
      declarations: [TaskListComponent, TaskComponent],
      imports: [CommonModule],
    }),
  )
  .add('default', () => {
    return {
      template: `
        <div style="padding: 3rem">
          <task-list [tasks]="tasks" (onPinTask)="onPinTask($event)" (onArchiveTask)="onArchiveTask($event)"></task-list>
        </div>
      `,
      props,
    };
  })

它实际上应该知道它，但是我不知道为什么要使用它，因为它不是'task-list'的已知属性

Answer 1

您的TaskListComponent似乎没有@Input() public tasks