按需加载数据 - Angular Material 自动完成

【问题标题】：Load data on demand - Angular Material autocomplete按需加载数据 - Angular Material 自动完成
【发布时间】：2017-07-29 16:06:28
【问题描述】：

我想使用 Angular Material 的自动完成组件，但该字段不是必需的，数据是 3000 个对象数组。

我只想在用户单击组件时加载数据。因此，当用户单击时，我想显示一个类似于异步选择的微调器，进行 API 调用，然后加载数据。

有可能实现吗？

【问题讨论】：

你使用的是 Angular 还是 AngularJS？

标签： angularjs autocomplete angularjs-material

【解决方案1】：

有一些关于异步的文档：

md-autocomplete async

编辑：这是一个例子：

HTML 模板：

<md-autocomplete md-selected-item="selectedItem" md-search-text="searchText" md-items="item in query(searchText)">
  <md-item-template>
    <span md-highlight-text="searchText">{{item}}</span>
  </md-item-template>
</md-autocomplete>

AngularJS 控制器：

function AppController($scope, $http) {
  $scope.query = function(searchText) {
    return $http
      .get('https://example.com/api/myItems/?q=' + searchText)
      .then(function(data) {
        // Map the response object to the data object.
        return data;
    });
};

}

【讨论】：