Html 如何知道angular4中已过滤数据后过滤数据的长度

我有两个文本框的功能。首先，它在按enter键或按search按钮时显示过滤后的数据，如果您在文本框中键入任何内容，则会进行第二次过滤，并相应地过滤和显示过滤后的数据结果

错误是-

Parser Error: Bindings cannot contain assignments at column 32 in 
[arrayCount1 of ctrl.filtered = (result| filter: query)]

我理解这个错误，但是如何从已经过滤的数据计数中获取数字。我是否必须在.ts文件中执行某些操作

该守则为—

transaction.component.html

   <td style="width:50%">
            <input class="form-control" id="input1-group1 " 
           style="margin-top:20px" type="text" name="search" 
           placeholder="Enter Search Text"
              [(ngModel)]="filterdata"  
        (keyup.enter)="searchByText(filterdata)">
          </td>
          <td style="width:50%">
            <button type="submit" class="input-group-addon" 
      style="margin-left:0px;width:65px;margin-top:20px" id="faIcon" 
            (click)="searchByText(filterdata)" >
              &nbsp;&nbsp;&nbsp;
              <i class="fa fa-search "></i>
            </button>
          </td>

   ....//code

   <div class="panel panel-default panel-transparent">
    <div class="panel-heading text-left">
    <h2> Transaction  </h2>
   <label *ngIf="toShowCount" id="arrayCountId"> Number of searched 
     data  : {{arrayCount}}</label>
    <ul>

    <li *ngFor = "arrayCount1 of ctrl.filtered = (result| filter: 
     query)"
   id="arrayCountId">Number of filtered search data : {{arrayCount1}} 
    </li>

    </ul>
     </div>
   </div>

我有一个类似问题的链接，但在AngularJS中：

---

您正在将

角度的

与

角度的JS

混合。我们使用

管道

，而不是

过滤器

为了显示过滤数组

结果的结果

，您只需要检查

长度

属性

<div class="panel panel-default panel-transparent">
    <div class="panel-heading text-left">
    <h2> Transaction  </h2>
   <label *ngIf="toShowCount" id="arrayCountId"> Number of searched 
     data  : {{arrayCount}}</label>
    <ul>

    <li *ngFor= "let count of (result| pipe: 
     'pipeName')"
   id="arrayCountId">

  Number of filtered search data :  <span [textContent]="(result| pipe:'pipeName').length"> </span>
    </li>

    </ul>
     </div>
   </div>

交易
搜索的数量
数据：{{arrayCount}


筛选的搜索数据数：

*ngFor

在阵列上工作，而您在

阵列计数中有一个数字。是的……正确……那么我如何计算过滤器的子计数当前不清楚在何处以及如何过滤阵列。在angular中没有
过滤器
管道，并且您的html/ts代码段未满。请提供一个，好的…我会这样做。。。我过滤从http请求中从数据库获得的结果。它是this.arrayCount=this.result.length。。。我在“让arrayCount1 of arrayCount | filter:query as filtered”（让arrayCount1 of arrayCount | filter:query）中使用的过滤管道可以使用
let arrayCount1 of（arrayCount | filter:query）
Hi CandidJ，我不知道在管道名称中放什么。因为如果我像这样输入[（ngModel）]=“filterdata”的值-->-->我得到了错误-->管道“pipe”找不到-->您需要创建一个名为
filterdata
的自定义
管道。请花些时间阅读官方文件：
<div class="panel panel-default panel-transparent">
    <div class="panel-heading text-left">
    <h2> Transaction  </h2>
   <label *ngIf="toShowCount" id="arrayCountId"> Number of searched 
     data  : {{arrayCount}}</label>
    <ul>

    <li *ngFor= "let count of (result| pipe: 
     'pipeName')"
   id="arrayCountId">

  Number of filtered search data :  <span [textContent]="(result| pipe:'pipeName').length"> </span>
    </li>

    </ul>
     </div>
   </div>