Я пытался использовать 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
2
32teeths 9 Мар 2015 в 12:10

2 ответа

Функция поиска на самом деле возвращает undefined, поэтому просто оберните ее обещанием.

Я упростил функции и использовал угловой фильтр $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'

4
CBL 13 Мар 2015 в 13:46

Если вы все еще получаете эту ошибку, попробуйте обновить свой угловой материал, и эта ошибка исчезнет. (Я обновил свой до 0.9.8)

0
Gurpreet Singh 21 Июл 2015 в 14:10