我创建了一个使用子ng2组件的ng2组件。子组件表示一个列表项,它绑定在父组件的ngForOf循环中:
<div *ngIf="blogPostListItems">
<ng-template ngFor blogPostListItem [ngForOf]="blogPostListItems | async">
<div>
<blog-post-list-item [blogPostListItem]="blogPostListItem"></blog-post-list-item>
</div>
</ng-template>
</div>
以下异常将记录到集合中每个blogPostListItem的控制台:
"Unhandled Promise rejection: Template parse errors:
Can't bind to 'blogPostListItem' since it isn't a known property of 'blog-post-list-item'.
但是我的blog-post-list-item.component.ts中定义了一个blogPostListItem属性:
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'blog-post-list-item',
templateUrl: '../../../ng2/templates/blog-post-list-item.component.html'
})
export class BlogPostListItemComponent
{
blogPostListItem: Object;
}
所以我对返回的错误消息感到困惑。知道为什么会出现这个错误吗?