2

我试图使用 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
4

2 回答 2

4

搜索函数实际上返回 undefined，所以只需将它包装在一个 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;
}

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

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

于 2015-03-13T10:46:55.567 回答
0

如果您仍然收到此错误，请尝试更新您的角度材质，此错误将消失。（我将我的一个更新为 0.9.8）

于 2015-07-21T11:10:20.243 回答