相关疑难解决方法(0)

由于限制过滤器已从Angular 2+中删除,如何对简单的*ngFor语句应用限制？

<div *ngFor="#tweet of singleCategory">
  {{ tweet }}
</div>

我不希望*ngFor语句循环遍历singleCategory的所有元素,我想将其限制为仅2个结果.我相信可以使用Custom Pipes完成,但我不知道如何实现它.

谢谢.

如何将Typeahead结果的数量限制为5或Angular 4中的某些内容？我在这里附上官方的plunker链接.我无法使用|limitTo

http://embed.plnkr.co/gV6kMSRlogjBKnh3JHU3/

这是模板

<section class="col-sm-12">
    <div class="search-results style-3">
      <input type="text" [value]="query"
        ngxTypeahead
        [taUrl]="url"
        [taParams]="params"
        (taSelected)="handleResultSelected($event)"
      >
    </div>
  </section>

这是ts文件

export class AppComponent {

  title = 'This is Angular TypeAhead v' + systemConfig.map['ngx-typeahead'].split('@')[1].split('/')[0];

  public url = 'http://suggestqueries.google.com/complete/search';
  public params = {
    hl: 'en',
    ds: 'yt',
    xhr: 't',
    client: 'youtube'
  };
  public query = '';

  handleResultSelected (result) {
    this.query = result;
  }

  generateWord() {
    return chance.word();
  }
}

在我的angular 4应用程序中，我需要使用小于条件的ngFor。我的意思是我不想显示所有项目sampleArray，而是只显示前10个项目，就像在普通Java脚本中有i < sampleArray.lengthor一样i < 10，等等我想在ngFor中使用的这些条件，是否可能？

<li *ngFor="let a of sampleArray">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>