Угловой, проходящий через вложенные компоненты - PullRequest
Новая
       6

Угловой, проходящий через вложенные компоненты

0 голосов
/ 04 декабря 2018

Я использую Angular 6, пытаюсь записать жестко закодированные данные, используя вложенные компоненты и ngloop, но это не позволяет мне.

У меня есть компонент Сообщение: 

export class Post {
    title: string;
    constructor(title: string) {
        this.title = title;
    }
}

Iсоздать список сообщений (с фиктивными данными) в моем PostListComponent: 

export class PostListComponent implements OnInit {

posts: Post[];

constructor() {
  this.posts = [
    new Post("title1"),
    new Post("title2"),
    new Post("title3"),
  ];
}

и HTML-код для этого: 

<div class="card-container">
      <mat-card class="example-card" 
      *ngFor="let postToDisplay of posts">

        <display-post [post]="postToDisplay">
        </display-post>

      </mat-card>
    </div>
</div>

сейчас .. Я хочу доставить переменную postToDisplay изЦикл к компоненту display-post, где я пытаюсь записать это: 

{{ post.title }}

и машинописный текст, очень простой, просто с вводом: 

export class DisplayPostComponent implements OnInit {

    @Input() post: Post;
}

Я получаю это сообщение об ошибкев консоли разработчика:

Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с 'post', так как это не известное свойство 'display-post'.1. Если display-post является угловым компонентом и имеет вход post, убедитесь, что он является частью этого модуля.

1 Ответ

0 голосов
/ 04 декабря 2018

Проверьте, правильно ли вы импортируете компонент или модуль в вашем приложении.

Этот тип ошибки в основном вызван отсутствием компонента или модуля в вашем рабочем пространстве.

...