Html 角度不按下拉选项筛选表格

我有一个包含数据库数据的表，我需要使用下拉菜单过滤该表。问题是，即使我在控制台上获得了过滤后的表，表也没有被过滤：只是前端没有显示出来。我的过滤器功能如下：

FiltrarTipoGestion(data) {
    let tipoGestion = data;
    if (data != "0") {      
        this.listPerfilamiento2 = this.listPerfilamiento.filter(x => x.tipoGestionDescripcion.toLowerCase() == tipoGestion.toLowerCase());
    } else {
        this.listPerfilamiento2 = this.listPerfilamiento;
    }
}

HTML中的过滤器如下所示：

        <label class="col-lg-1 float-left">Tipo de gestión</label>
        <div class="col-lg-2 float-left">
            <select (change)="FiltrarTipoGestion($event.target.value)" [(ngModel)]="perfilamiento.tipoGestionDescripcion" class="form-control form-control-sm">
                <option *ngFor="let tg of listTipoGestion;" value="{{tg.nombre}}">{{tg.nombre}}</option>
            </select>
        </div>

---

我发现了问题：我需要使用ngFor上的筛选列表来显示新阵列： 我变了

<tr *ngFor="let pf of listarPerfilamiento; index as i; let l = count;" style="cursor: pointer;">

为了

---

感谢大家花时间阅读和评论。

请分享表格模板以及如何将此.listperfilamient2链接到表格。如果您能提供stackblitz链接，那将非常有用。当然，我会编辑我的答案@DRASHTIDOBARIYA，很抱歉问一下，如果我有数据库中的数据，它还能工作吗？我不熟悉使用stackblitz。你能和我们分享你的HTML模板吗？你的表格是在哪里定义的，或者是一个stackblitz复制的行为？如果您的数据是从API/DB调用中检索的，请通过直接传递来模拟数据，我制作了模拟：我在下拉菜单中执行$event.target.value时遇到问题，它不允许我，说属性“value”在类型“EventTarget”上不存在，但除此之外，这就是我拥有的表，我需要下拉列表中的每个选项来过滤表，这是我无法做到的。

<tr *ngFor="let pf of listarPerfilamiento; index as i; let l = count;" style="cursor: pointer;">

<tr *ngFor="let pf of filteredPerfilamiento; index as i; let l = count;" style="cursor: pointer;">