小编Paw*_*duk的帖子

使用$ http调用Angular Material自动完成

我正在尝试做的是Angular Material自动完成(md-autocomplete),其中数据是从对我的REST API的AJAX调用中动态检索的.不幸的是,我只获得了不确定的进度条而不是自动完成项,如下所示.

结果

在此输入图像描述

调节器

$scope.customersSelect = {};
$scope.selectedItem = null;
$scope.searchText = null;

$scope.getCustomers = function (query) {
    selectsService.getCustomers(query).then(function (results) {
        $scope.customersSelect = results.data;
        console.log($scope.customersSelect);
    }, function(error) {
        alert(error.data.message);
    });
}
Run Code Online (Sandbox Code Playgroud)

服务

var selectsServiceFactory = {};

_getCustomers = function (query) {
    return $http.get(serviceBase + 'api/selects/customers/' + query)
    .then(function(results) {
        return results;
    });
}

selectsServiceFactory.getCustomers = _getCustomers;

return selectsServiceFactory;
Run Code Online (Sandbox Code Playgroud)

视图

<md-autocomplete md-floating-label="Klient" 
            autocomplete="off" 
            flex="" 
            md-search-text-change="getCustomers(searchText)" 
            md-item-text="item" 
            md-items="item in customersSelect" 
            md-search-text="searchText" 
            md-selected-item="machine.customerId" 
            md-input-maxlength="100" 
            md-input-minlength="2" 
            md-input-name="machineOwner">
<md-item-template>
    <span md-highlight-text="searchText">{{item}}</span>
</md-item-template> …
Run Code Online (Sandbox Code Playgroud)

javascript autocomplete angularjs angular-material

7
推荐指数
1
解决办法
1万
查看次数