Question

我使用primeng角8，我得到了数据表，但没有显示。

这是我的一些代码：

component.ts

export class MedecinsComponent implements OnInit {

medecins: Medecin[];
medecin: Medecin ;
Users: User[];
cols: any[];

ngOnInit() {


this.medecinService.GetMedecins().subscribe(medecins => this.medecins = medecins);

  console.log(this.medecins);
 this.cols = [

  { field: 'Id', header: 'Id' },
  { field: 'Nom', header: 'Nom' },

  { field: 'Pays', header: 'Pays' },
  { field: 'Details', header: 'Détails'} ];

医学模型。

import { User } from './user';
export class Medecin {
 Id: number;
Details: string;}

用户component.ts

export class User {
 Nom: string;
Pays: string;}

medecin.component.html

<p-dialog header="Détails de l'utilisateur" [(visible)]="displayDialog" [responsive]="true" showEffect="fade" [modal]="true" [closable]="true" [width]="600">
<div class="ui-g ui-fluid" *ngIf="medecin" >

    <div class="ui-g-4"><label for="Nom">Nom</label></div>
    <div class="ui-g-8"><input pInputText id="Nom" [(ngModel)]="medecin.Users.Nom" /></div>

我该如何解决？

Answer 1

尝试设置medecins$: Observable<Medecin[]>，然后在当前使用medecins的模板中，改用medecins$ | async。这样，您可以将medecins$设置为HTTP调用，而无需使用subscribe方法。挺整齐的。

此外，您的Medecin模型会导入User，但不会使用它。您的Medecin模型没有Nom或Pays字段。

我得到我的数据表。但不显示

1 个答案: