Возврат информации из базы данных с угловым

Question

Используйте Symfony comme Backend et Angular comme Frontend.Его официальное признание состоит из базовых документов, предоставленных в качестве основы для работы с таблицами.Навигация и уникальность информации о балансе.

! [Показать пример] ( Посмотреть сообщение на imgur.com ) вот eb_user.ts файл, в котором я объявил пользователя

import {EbRole} from './role';

export class eb_user {
    id: number;
    nom: string;
    prenom: string;
    tel: string;
    mail: string;
    domaine: string;
    x_eb_role : string;


    constructor(){
        this.id = null;
        this.nom = '';
        this.prenom = '';
        this.tel = '';
        this.mail = '';
        this.domaine= null;
        this.x_eb_role = null;
    }

}

user.component.ts файл:

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Subscription, from, BehaviorSubject } from 'rxjs';
import { CreateService } from 'src/app/services/create.service';
import { MatTableDataSource } from '@angular/material';
import {DataSource} from '@angular/cdk/collections';
import {Observable, of} from 'rxjs';
import 'rxjs';
import { eb_user } from 'src/app/classes/eb_user';
import { HttpClient } from '@angular/common/http';
import { Statique } from 'src/app/utils/Statique';

@Component({
  selector: 'app-users',
  templateUrl: './users.component.html',
  styleUrls: ['./users.component.scss']
})
export class UsersComponent implements OnInit, OnDestroy {

    private users: eb_user[];
    userSubscription: Subscription;

  constructor(private createService: CreateService,
              private http: HttpClient) {
       }

  getUsers() : void{
    this.createService.getUsers()
        .subscribe(users => this.users = users);
  }

  ngOnInit(){
    this.users = [];

  }

  ngOnDestroy(){
    console.log(this.users)
  }

}

users.component.html файл:

<ul class="list-group"   style= "margin-top: 150px;">
  <li style="display: block;"><a routerLink="/create-user"> <button class="btn btn-primary">Create User</button></a></li><br>
</ul>

<table style="width: 100%;">
  <tr>
    <th> id</th>
    <th> nom</th>
    <th>prénom</th>
    <th>tel</th>
    <th>email</th>
    <th>domaine</th>
  </tr>
  <tr li class="list-group-item" *ngFor="let user of users">
    <td>{{user.id}}</td>
    <td>{{user.nom}}</td>
    <td>{{user.prenom}}</td>
    <td>{{user.tel}}</td>
    <td>{{user.mail}}</td>
    <td>{{user.domaine}}</td>
  </tr>
</table>

Iожидать, что все пользователи, зарегистрированные в базе данных, будут отображаться при выполнении getUsers ()

Answer 1

удалить private из пользовательского объявления, и тогда оно должно работать.

Заменить это:

private users: eb_user[];

По этому:

users: eb_user[];

А затем обновите ваш конструктор следующим образом: -

constructor(private createService: CreateService,
              private http: HttpClient) {
   this.getUsers();
}

Answer 2

Согласно вашему коду, все пользователи будут запрашиваться из БД по методу:

getUsers();

но ты никогда не называешь это. Лучше поставить код:

this.createService.getUsers()
        .subscribe(users => this.users = users);

конструктору. Таким образом, данные будут автоматически загружены.