Question

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

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

有可能实现这个目标吗？

Answer 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;
    });
};

}

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

1 个答案: