Свойство «Featured» не существует для типа «строка []»

Question

Я создаю проект Angular с помощью команды CLI: $ ng build --prod и получаю сообщение об ошибке:

ERROR in src/app/fetch-api/fetch-api.component.html(5,7): : Property 'featured' does not exist on type 'string[]'.

Мой HTML-код:

<ul>
        <li *ngFor="let fetch of fetchApi.data.featured">
            <ul>
                <li><b> {{fetch.description.split('|')[0]}}</b></li>
                <li><youtube-player
                        content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; img-src * data: 'unsafe-inline'; connect-src * 'unsafe-inline'; frame-src *;"
                        [videoId]="fetch.video_id_" (ready)="savePlayer($event)"
                        (change)="onStateChange($event)"></youtube-player> <!-- <iframe width="560" height="315" [src]="myFunction(fetch.video_location)" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
             --></li>
            </ul>
        </li>
    </ul>

в чем проблемамой код?

Answer 1

Во-первых, у вас проблемы с Angular, а не AngularJS.

Проблема с вашим кодом - именно то, что написано в сообщении об ошибке.fetchApi.data - это массив строк, который не имеет свойства featured.

У вас неправильно определены типы для fetchApi.data.featured.Проверьте объявления типов в вашем файле component.ts для этого объекта.