ngFor в пользовательском компоненте - PullRequest
Новая
       14

ngFor в пользовательском компоненте

0 голосов
/ 03 сентября 2018

Я работаю над пользовательским компонентом в Ionic v3 и пытаюсь использовать ngFor.

В моем .ts файле у меня это в ngOnInit: 

this.nb_stars = [];

for(let i=1; i<=4; i++) {
   this.nb_stars.push(i);
}

И в моем .html у меня есть это: 

<div *ngFor="let star in nb_stars">
    test
</div>

Но у меня есть эта ошибка:

Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с 'ngForIn', т.к. это не известное свойство div. (» ->] * ngFor = "let test in nb_stars">

"): свойство ng: ///ComponentsModule/CompStarsComponent.html@3: 5 Привязка ngForIn не используется никакими директивами во встроенном шаблоне.

Убедитесь, что имя свойства написано правильно и все директивы перечислены в «@ NgModule.declarations». (» -> [ОШИБКА ->]

Если кто-нибудь может мне помочь.

1 Ответ

0 голосов
/ 03 сентября 2018

Вам нужно заменить in на of внутри директивы ngFor, чтобы получить значения.
В основном of используется, когда нам приходится перебирать значения, а in используется, когда нам приходится перебирать свойства.
Пожалуйста, найдите подробный код ниже: 

<!-- Using of, which iterates over values -->
<div *ngFor="let star of nb_stars">

и 

<!-- Using in, which iterate over properties -->
<div *ngFor="let star in nb_stars">

Также, согласно полученной ошибке, вы должны импортировать CommonModule в корневой модуль (app.module.ts) следующим образом: 

import { CommonModule } from "@angular/common";
@NgModule({
    imports: [CommonModule]
})
...