Я пытаюсь получить данные из базы данных фляги и представить их на Angular.Получение ошибки в item / item.component.ts с ошибкой TS2339: свойство typedata не существует для типа ItemComponent
При доступе к конечной точке колбы отображается массив данных, как и ожидалось, поэтому я неНе думаю, что это связано с проблемой.
В itemdata.service.ts
...
@Injectable({
providedIn: 'root'
})
export class ItemdataService {
constructor(private http: HttpClient) { }
private API_URL = 'http://localhost:5000/item';
getItem(): Observable<Item[]>{
return this.http.get<Item[]>(this.API_URL);
}
}
В item.component.ts
...
import {Item} from '../item';
import {ItemdataService} from '../itemdata.service';
...
export class ItemComponent implements OnInit {
item: Item[];
constructor() { }
getItem(): void{
this.itemdata.getItem().subscribe(item=>this.item = item);
}
ngOnInit() {
}
}
Ожидается успешная компиляция и дляданные, которые будут успешно извлечены для использования для отображения.
Редактировать: теперь работает с конструктором (private itemdata: ItemdataService)
Однако данные не отображаются в шаблоне.
Данные
[{"id": 1, "name": "First item"}, {"id": 2, "name": "Second item"}, {"id": 3, "name": "Third item"}]
item.component.html
<p>item list</p>
<ul>
<li *ngFor = "let x of item">
<span>{{x.name}}</span>
</li>
</ul>
<p>end of item list</p>
Данные не отображаются на странице.Вместо этого отображается только базовая страница и «конец списка элементов списка элементов».