使用多个* ngFor angular2

时间:2016-12-08 00:25:02

标签: angular typescript angular2-forms

我创建了一个搜索来过滤掉数据。

完成后,我遇到一个问题,例如显示结果时,它会与标题一起返回。

我试图在数据输入后摆脱标题...

请参阅下面的图片以便更好地理解 enter image description here

至于我的html页面中的代码。我觉得我必须在这里调整一下。我是否必须使用ngIf?

    <h2>41 New Icons</h2> 

    <div *ngFor="let item of _faData | filter: filterText" class="col-md-3 col-sm-4" [hidden]="item.hidden">
        <i class="fa {{item.text}}"></i>
        <span class="sr-only">Example of </span>{{item.text}}
    </div> 
    <br>
    <hr>



        <h2>Web Application Icons</h2> 

    <div *ngFor="let item of _faDataWeb | filter: filterText" class="col-md-3 col-sm-4" [hidden]="item.hidden">
        <i class="fa {{item.text}}"></i>
        <span class="sr-only">Example of </span>{{item.text}}
    </div> 

        <hr>

至于我在ts文件中的数组,我只是将其声明为

  private _faData : Array<any> = [
  {..}
  {..}
  ];

0 个答案:

没有答案