文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在字体4中使用limitTo？

问如何在字体4中使用limitTo？
EN

Stack Overflow用户

提问于 2018-02-11 04:33:55

回答 1查看 6.6K关注 0票数 4

怎样才能将预先输入的结果限制为5或4角左右的数字？我已经在这里附上了官方的柱塞链接。我不能使用|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();
  }
}

javascript

angular

typeahead

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-11 05:27:10

在角度上，没有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

票数 11

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48728304

复制

相似问题

问如何在字体4中使用limitTo？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在字体4中使用limitTo？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在字体4中使用limitTo？
EN