角度属性未知

Question

所以我四处搜索，发现很多相同的错误消息，但我的问题似乎与他们的不同，因为它们基本上都没有包含在 ng 声明中。 “无法绑定到 'posts'，因为它不是 'app-post-list' 的已知属性。”

我的应用组件模板有这个：

<app-header></app-header>
<main>
  <app-post-create (postCreated)="onPostAdded($event)"></app-post-create>
  <hr>
  <app-post-list [posts]="storedPosts"></app-post-list>
</main>

ts：

export class AppComponent {
  storedPosts = [];

  onPostAdded(post) {
    this.storedPosts.push(post);
  }
}

后列表ts：

export class PostListComponent {

    @Input() posts = [];
}

为什么不是已知属性？

Answer 1

公开您的@Input。

export class PostListComponent {

    @Input() public posts = [];
}

&你的绑定属性也是公开的

export class AppComponent {
  public storedPosts = [];

  onPostAdded(post) {
    this.storedPosts.push(post);
  }
}