Блог

Главная - Вопросы по программированию - Данные Json не отображают мою таблицу html grid

Данные Json не отображают мою таблицу html grid

#html #json #angular #observable #rendering

#HTML #json #угловой #наблюдаемый #визуализация

Вопрос:

Я не могу отобразить свою таблицу html grid в angular, используя данные json из базы данных mysql.Пожалуйста, кто-нибудь, помогите мне.

Вывод кода angular

     export class UserlistComponent implements OnInit {

  users: Observable<User[]>;

  constructor(private _service:NgserviceService, private _route:Router) { }

  ngOnInit() {
    this.reloadData();
  }

  reloadData(){
    this.users = this._service.getUserList();
  }
}

Комментарии:

1. Пожалуйста, удалите часть вашего кода

2. Кажется, у вас есть массив массивов, а не массив объекта, поэтому let user массив не объект

3. убедитесь, что ваша коллекция «пользователи» доступна для наблюдения, и проверьте наличие ошибок в консоли браузера

4. я добавлю свой код component.ts. Направьте меня @ArmenStepanyan

5. мои пользователи доступны только для наблюдения, и моя консоль браузера не выдает никаких ошибок @MujassirNasir

Ответ №1:

Кажется, вы получаете массив, а не объект. Вы могли бы просто сопоставить полученные данные и сохранить остальные.

 reloadData() {
    this.users = this._service.getUserList().pipe(
      map(arrayUsers => arrayUsers.map(arrayUser => ({
        id: arrayUser[0],
        email: arrayUser[1],
        firstname: arrayUser[2],
        lastname: arrayUser[3],
      })))
    );
  }

Ответ №2:

Ваш вывод, похоже, имеет вид CSV (массив массива), а не JSON. Итак, вам нужно использовать {{user[1]}} для электронной почты вместо {{user.email}} и {{user[2]}} для имени пользователя вместо {{user.firstname}}