Question

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

我的应用程序组件模板具有以下内容：

<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);
  }
}

角属性未知

1 个答案: