Question

我正在使用Angular2和Semantic-UI在我的表单中创建一个搜索元素，使得＆＃34; typeahead＆＃34;搜索范围。

以下是调用服务的Component中的代码：

getData(typeahead: string): void {
    this.myDataService.getData(typeahead).then(list => {
        this.list = list;
    });
}

以下是搜索元素模板中的代码：

<div class="field">
    <div class="ui search">
        <div class="ui icon input">
            <input class="prompt" type="text" [formControl]="myForm.controls.item">
            <i class="search icon"></i>
        </div>
        <div class="results"></div>
    </div>
</div>

我根据Semantic-UI提供的examples进行了一些尝试。但我不能让它发挥作用。

$('.ui.search')
  .search({
    apiSettings: {
      url: '//api.github.com/search/repositories?q={query}'
    },
    fields: {
      results : 'items',
      title   : 'name',
      url     : 'html_url'
    },
    minCharacters : 3
  })
;

每次用户键入新输入时都应调用该服务，但我无法弄清楚如何处理它。您对如何将Angular2 Promise与Semantic-UI搜索元素的jQuery代码一起使用有任何想法吗？

使用Promise进行Angular2类型搜索

0 个答案: