小编Dav*_*vid的帖子

在开发环境中,我可以使用Chrome源选项卡进行调试,但在prod服务器中,我在运行后使用dist文件夹内容ng build --prod.此文件夹包含已编译的代码,因此如果生产中存在问题,我不知道如何调试以找到问题.

是否可以通过生产编译代码进行调试？

我正在使用带有延迟加载选项的 PrimeNG TurboTable 来显示来自 DB 的数据。这工作完美。现在，我需要向发送到服务器的请求添加一些过滤器。怎么做 ？

这是有效的代码：

<p-table [columns]="cols" [value]="persons" [paginator]="true" [rows]="10" [lazy]="true" (onLazyLoad)="loadPersonsLazy($event)" 
            [totalRecords]="totalRecords" [loading]="loading">
  <ng-template pTemplate="header" let-columns>
    <tr>
      <th *ngFor="let col of columns">
        {{col.header}}
      </th>
    </tr>   
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-columns="columns">
    <tr>
      <td *ngFor="let col of columns">
        {{rowData[col.field]}}
      </td>
    </tr>
  </ng-template>
</p-table>

组件 .ts 代码：

import { Component, OnInit } from '@angular/core';

import{IPerson} from '../iperson'
import{PrimengServiceService} from '../primeng-service.service'
import {LazyLoadEvent} from 'primeng/api'; 
import {FilterMetadata} from 'primeng/api';

@Component({
  selector: 'app-person',
  templateUrl: './person.component.html',
  styleUrls: ['./person.component.css']
})
export class PersonComponent …