Как отправить postno (идентификатор номера сообщения), который был извлечен из базы данных в другой компонент?

Question

код:

<div class="news" *ngFor="let post of list">
   <mat-accordion class="accordion">
      <mat-expansion-panel>
         <mat-expansion-panel-header>
            <mat-panel-title >{{post.title}}</mat-panel-title>
            <div class="w3-right">
                <mat-panel-title >{{post.date}}</mat-panel-title>
            </div>
         </mat-expansion-panel-header>
         {{post.description}}
         <app-gallery [postno]={{post.pNo}}></app-gallery>
      </mat-expansion-panel>
   </mat-accordion>
</div>

, но вывод:

Ошибка синтаксического анализатора: неожиданный токен {, ожидаемый идентификатор, ключевое слово или строка в столбце 2 в [{{post.pNo}}] в ng:///AppModule/ForumComponent.html@44:27 ("

Answer 1

Это должно работать, если у вас есть pNo внутри сообщения

   <div class="news" *ngFor="let post of list">
      <mat-accordion class="accordion">
        <mat-expansion-panel>
          <mat-expansion-panel-header>
            <mat-panel-title >{{post.title}}</mat-panel-title>
            <div class="w3-right">
            <mat-panel-title >{{post.date}}</mat-panel-title>
          </div>
          </mat-expansion-panel-header>
          {{post.description}}
          <app-gallery [postno]="post?.pNo"></app-gallery>
        </mat-expansion-panel>
      </mat-accordion>
    </div>

Answer 2

Вам нужно обернуть input для галереи приложений в кавычки:

 <app-gallery [postno]="post?.pNo"></app-gallery>

Предполагая, что в компоненте, где он используется, имеется объект post, обладающий свойством pNo.Если pNo отсутствует в объекте post, используйте свойство, соответствующее идентификатору, при необходимости.

, чтобы включить безопасную интерполяцию, вы можете добавить ?