Как я могу выбрать только первый элемент с Angular? "Django Backend"

Question

, как я уже упоминал в заголовке, у меня есть django, работающий в серверной части, отправляющий мои данные на angular, и у меня есть список комментариев, я хочу показать только первый элемент моего списка в html страница Я получил эту ошибку при попытке limitTo

Failed to compile.

src/app/app.component.html:8:3 - error TS2551: Property 'comment' does not exist on type ' 
AppComponent'. Did you mean 'comments'?

8 {{comment.author}}
~~~~~~~

src/app/app.component.ts:6:16
6   templateUrl: './app.component.html',
                 ~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.

Вот мой app.component. html:

<ul>
<li *ngFor="let topic of topics">
<h2> Hey  {{topic.author}}</h2>
</li>
<h2 ng-repeat="comment in comments | limitTo : 1">
{{comment.author}}
</h2>
</ul>

кстати * ng Для работы отлично, мне просто нужно взять только первый элемент для комментариев спасибо

Answer 1

Это было решение:

<ul>
<li *ngFor="let topic of topics">
<h2> Hey  {{topic.author}}</h2>
 </li>

{{comments[0]["author"]}}
</h2>
</ul>

Answer 2

попробуйте это в вашем html шаблоне {{comments[0]?.author}}