угловое свойство неизвестно

Question

Итак, я искал и обнаружил множество одинаковых сообщений об ошибках, но моя проблема, похоже, не идентична их, так как все они в основном не включены в объявления ng.«Невозможно привязать к« сообщениям », так как это не известное свойство« 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);
  }
}

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