md-autocomplete不起作用

Question

我尝试使用angular material的md-autocomplete，我指定的指令如下

  <md-autocomplete
    md-selected-item="mainctrl.selectedItem"
    md-search-text="mainctrl.search_term"
    md-items="item in mainctrl.search(mainctrl.search_term)"
    md-item-text="item"
    md-delay="500"
    md-min-length="4"
    placeholder="Type to search">
    <span md-highlight-text="mainctrl.search_term">{{item}}</span>
  </md-autocomplete>

在控制器中，我定义了如下搜索函数

this.search = function(term){
  var result = [];
  Search.findValues(term,this.details.data,result).then(function(res){
    console.log(res);
    return res;
  });
};

搜索服务如下所示：

  .service('Search',function($q){
    var self = this;
    var deferred;

   self.findValues = function(term,obj,result){

  //if(!deferred){
    deferred = $q.defer();
  //}
  if(typeof obj === 'object'){
    angular.forEach(obj,function(v,k){
      self.findValues(term,v,result)
    });
    deferred.resolve(result);
  } else{

    if(typeof obj!='number'&& typeof obj!='boolean'){
      var res = obj.search(term);
      if(res!=-1){
        result.push(obj);
      }
    }
  }
  return deferred.promise;
} ;
return self ;

})；

我得到了想要的结果，但由于某种原因，我得到了以下错误，

 TypeError: Cannot read property 'length' of undefined
at g (angular-material.min.js:271)
at r (angular-material.min.js:271)
at processQueue (angular.js:13189)
at angular.js:13205
at Scope.$get.Scope.$eval (angular.js:14401)
at Scope.$get.Scope.$digest (angular.js:14217)
at Scope.$get.Scope.$apply (angular.js:14506)
at angular.js:16232
at completeOutstandingRequest (angular.js:4905)
at angular.js:5285

Answer 1

搜索函数实际上返回未定义的，所以只需将其封装在promise中即可。

我简化了功能，并使用angular的$filter作为搜索服务。

search ( term ) {
  var q = this.$q.defer();
  this.findValues( term, this.data ).then( function ( res ) {
    q.resolve( res );
  } );
  return q.promise;
}

findValues ( term, obj ) {
  var deferred = this.$q.defer();
  deferred.resolve( this.$filter( 'filter' )( obj, term ) );
  return deferred.promise;
}

我发现这篇关于promises的文章非常有帮助：http://www.html5rocks.com/en/tutorials/es6/promises

您可能还想查看您的搜索服务，因为您的承诺永远不会解决或拒绝如果obj ==='undefined'

Answer 2

如果你仍然得到这个错误，尝试更新你的角度材料，这个错误将会消失。(我将我的更新为0.9.8)