javascript - 如何在 typehaead Angular 4 中使用 limitTo？

This question already has answers here:

How can I limit ngFor repeat to some number of items in Angular?

(7 个回答)


3年前关闭。




我如何将预先输入结果的数量限制为 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 中，没有 limitTo 过滤器，它被称为 SlicePipe 。

使用 | slice:0:3 而不是 limitTo

<input type="text" ngxTypeahead [value]="query3" [taList]="staticList | slice:0:3" (taSelected)="handleStaticResultSelected($event)">

更新 plnkr:https://plnkr.co/edit/wqTHY2rHknXHF412BELQ?p=preview

关于javascript - 如何在 typehaead Angular 4 中使用 limitTo？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48728304/