仅在表中打印固有数据

Question

大家好，这是我的个人资料和个人资料详细信息TS和HTML页面。个人资料效果很好，并打印我想要的一切。个人资料详细信息打印来自Supabase的所有数据。我只想将每个测试的所有答案分开。 很多

事情

  
  profile: Profile | undefined;
  userProfile: Profile | undefined;
  validateForm!: FormGroup;
  value?: string;
  isLoadingOne = false;
  profileId: [] = [];
  id_profile: any;


  @Input() session: Session | undefined;

  result: Result []= [];

  answer!: string;
  public parameterValue!: number;

  constructor(private readonly supabase: SupabaseUserService, private router: Router, private fb: FormBuilder,private supabaseQuiz: SupabaseQuizService, private activatedRoute: ActivatedRoute) { }

  session2 = this.supabase.session;


  ngOnInit() {
    this.supabase.authChanges((_, session) => this.session2 = session);
    this.getProfile();
    this.supabaseQuiz.getResult().subscribe((res: Result[]) => {
      let resultIdAns = res
      this.result = resultIdAns
      
    })
    
    //passare category id
    this.supabase.profile.then(profile => {
      if(profile.data){
        this.userProfile = profile.data
       
      }else{
        // this.router.navigateByUrl('account/addProfile')
      }
    })

  }

  async getProfile() {
    try {
      let { data: profile, error, status } = await this.supabase.profile;
      if (error && status !== 406) {
        throw error;
      }
      if (profile) {
        this.profile = profile;
        this.validateForm = this.fb.group({
          username: [this.profile?.username ? this.profile.username : '', [Validators.required]],
          role: [{value: this.profile?.role ? this.profile.role : 'USER', disabled: true}, [Validators.required]],
          website: [this.profile?.website ? this.profile.website: ''],
          avatar_url: [this.profile?.avatar_url ? this.profile.avatar_url: ''],
          email: [this.profile?.email ? this.profile.email : '', [Validators.required]],
        });
      }
    } catch (error: any) {
      alert(error.message)
    }

  }

  async signOut() {
    await this.supabase.signOut();
    this.router.navigateByUrl('account/login')
  }

  submitForm(): void {
    if (this.validateForm.valid) {
      this.isLoadingOne = true;
      try {
        this.supabase.updateProfile(this.validateForm.value).subscribe(res => {
          this.isLoadingOne = false;
        });
      } catch (error: any) {
        this.isLoadingOne = false;
        alert(error.message);
      } 
    } else {
      Object.values(this.validateForm.controls).forEach(control => {
        if (control.invalid) {
          control.markAsDirty();
          control.updateValueAndValidity({ onlySelf: true });
        }
      });
    }
  }
  goToDetail(id: any){
    id = this.session2?.user?.email
    this.router.navigate(['account/user',id]);
  }

}

尝试

  <hr>
  <br>
  <nz-table #headerTable [nzData]="result" [nzPageSize]="50" [nzScroll]="{ y: '240px' }">
    <thead>
      <tr>
        <th>Categoria</th>
        <th>Data</th>
        <th>Risposte corrette</th>
        <th>Punteggio finale</th>
        <th>Action</th>

      </tr>
    </thead>
  
    <tbody>
      
      
      <ng-container *ngFor="let res of result">
        <tr *ngIf="userProfile?.id === res.id_profile">
        
        <td>{{ res.categoryTitle }}</td>
        <td>{{ res.date }}</td>
        <td>{{ res.rightAnswer }}</td>
        <td>{{ res.finalScore }}</td>
        
        <button nz-button nzType="primary" success (click)="goToDetail(parameterValue)">Dettagli</button>

        <!--<td>{{ res.json_answer }}</td>-->
        </tr>
        
      </ng-container>
    
    </tbody>
  
  </nz-table>

我

  ngOnInit(): void {
    this.supabase.getDetails().subscribe((res: Details[]) => {
      let resultIdAns = res
      this.det = resultIdAns;

    })

    this.supabase.getResult().subscribe((res: Result[]) => {
      let result = res
      this.result = result;

    })

    this.supabaseUser.profile.then(profile => {
      if(profile.data){
        this.userProfile = profile.data
      }});


      this.supabase.getCategories().subscribe(res => {
        this.quizCategories = res;
        
      })
    }
    }

了

<nz-table #basicTable >
    <thead>
        <tr>
          <th>Categoria</th>
          <th>Question</th>
          <th>Answer</th>
          <th>Date</th>
        </tr>
    </thead>
    <tbody>
      <ng-container *ngFor="let d of det">
        <ng-container>
        <tr *ngIf="userProfile?.id === d.id_profile"> 
        <td>{{d.category_id}}</td>
        <td>{{d.question}}</td>
        <td>{{d.json_answer}}</td>
        <td>{{d.date}}</td>
      </tr>
      </ng-container>
      </ng-container>
    </tbody>
  </nz-table>