Прочитать файл json в методе httmclient Angular - PullRequest
0 голосов
/ 23 июня 2019

У меня небольшая проблема, я хочу отобразить данные на своей html-странице, я использую сервис в этом сервисе. Я использую httpclient вот так: http.get ("./ users.json"), но это не работает, у меня есть ошибка, как я могу решить эту ошибку, Thnaks fo отвечает:)

введите описание изображения здесь

user.service.ts

getUsers() : Observable<User[]> {
    return this.http.get("./users.json").pipe(map(data=>{
        let usersList = data["userList"];
        return usersList.map(function(user:any) {
            return {name: user.userName, age: user.userAge};
        });
    }));
}

user.component.ts

users: User[] = [];
constructor(private userService: UserService){}
ngOnInit(){
   this.userService.getUsers().subscribe(data => this.users=data);
}

user.component.html

<li *ngFor="let user of users">
   <p>Name: {{user?.name}}</p>
   <p>Age: {{user?.age}}</p>
</li>

1 Ответ

0 голосов
/ 23 июня 2019

речь идет о ссылке: поместите файл в папку активов и попробуйте этот код:

return this.http.get<any>('assets/users.json')
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...