javascript - md-autocomplete 不要等待来自服务的数据。如何解决？

Question

我想构建一个 md-autocomplete，但我无法显示选项。始终显示只有在没有插入输入的选项时才应启动的错误消息。
我的服务正确返回，并且我的控制器仅在收到服务数据后才返回。

HTML：

<md-autocomplete placeholder="Postal-Code"
                 md-selected-item="selectedItem" 
                 md-no-cache="true"
                 md-search-text="searchText" 
                 md-items="item in welcomeScope.getPostalCode(searchText)"
                 md-item-text="item.cp4Code">
  <md-item-template>
    <span md-highlight-text="searchText">{{item.cp4Code}}</span>
  </md-item-template>
  <md-not-found>
    ERROR
  </md-not-found>
</md-autocomplete>

控制器：

welcomeScope.getPostalCode = function (key){
   welcomeSvc.getAllPostalCodes(key).then(function(data){
   return data.result.returnvalue;
});  

服务：

var getAllPostalCodes = function(key){
        return Restangular.all(...).post(JSON.stringify()).then(function(response){
            var obj = angular.fromJson(response);
            if (!obj.isError) {
                return obj;
            }
            else{
                console.log("ERROR!");
            }
        });
};

控制器中返回的示例结果是：

[  
  {"id":00001,"cp4Code":"1000","cp3Code":"111","postalDesignator":"aaaaa"},  
  {"id":00002,"cp4Code":"1000","cp3Code":"112","postalDesignator":"bbbbb"},  
  ...      
]

Answer 1

welcomeScope.getPostalCode没有返回值，从 promise 内部返回不会影响外部函数。缩进使这更清晰一些，如下所示：

welcomeScope.getPostalCode = function (key){
    welcomeSvc.getAllPostalCodes(key).then(function(data){
        return data.result.returnvalue;
    });
};

如果您不从那时起返回承诺，welcomeSvc.getAllPostalCodes则md-autocomplete无法获得任何结果。

welcomeScope.getPostalCode = function (key){
    return welcomeSvc.getAllPostalCodes(key).then(function(data){
        return data.result.returnvalue;
    });
};