如何在角度2中进行全局搜索？

我想这样做我的搜索:

问题和困难在于:

我想仅根据某些值进行搜索(例如:状态,供应商名称,编号......)并显示其他字段(如日期,净金额等).

我想根据一些值(例如:数量,供应商,日期和金额)按最终结果排序.而且我不知道如何在angular2中做到这一点.

最后,我想在angular2中做一个"等效"的ng-show？我的意思是我只想按下搜索按钮才能显示表格,如果我们点击取消,它将删除它.

我知道在角度1中这样做很简单,我们可以使用过滤器,'orderBy'和类似的东西,但显然在angular2中,我们不能这样做而且我非常困惑.你能帮我解决一下吗???

这是我的组件代码:

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

  @Component({
    selector: 'app-search',
    templateUrl: './search.component.html'
  })
  export class SearchComponent implements OnInit {

  invoiceList = [{invoiceNumber:  1234, invoiceSupplier : "test", invoiceStatus : "Import error", invoiceCategory: "invoice with GR", date : "22/01/2017", amount : 134527}, 
  {invoiceNumber:  15672, invoiceSupplier : "test11", invoiceStatus : "Import error", invoiceCategory: "invoice without PO", date : "02/01/2017", amount : 134.3},
  {invoiceNumber:  99863, invoiceSupplier : "test22", invoiceStatus : "Other Document", invoiceCategory: "invoice with GR", date : "10/12/2016", amount : 189},
  {invoiceNumber:  24561, invoiceSupplier : "test50", invoiceStatus : "Other Document", invoiceCategory: "invoice without PO", date : "15/01/2017", amount : -134527},
  ];


    constructor() { }

    ngOnInit() {
    }

  }

  

    

      

        
Invoice Number :
        

          
        

        
Invoice Supplier Name :
        

          
        
      

      

        
Invoice Status :
        

          

            
             Import error 
             Invoice control required 
            Rejected from SAP 
            Other Document 
             Invoice created manually in SAP 
            To be integrated in SAP 
             Integrated in SAP 
             Booked in SAP 
            Paid in SAP
          
        

        
Invoice Category :
        


          
            
            Invoice with GR
            Invoice without GR
            Invoice without PO

          
        
      

      

        
Order :
        

          

             Number 
             Supplier 
             Date 
             Net Amount 
          
        
      

      

        

          Search
        
        

          

            Cancel