APIコールが返される前に角型先読みが返され、「長さ不定」エラーが発生する

Question

現在、ユーザーが入力を変更するたびにAPIからデータを引き出すAngular型の先頭を実装しています。私がtypeahead-wait-ms=200を追加すると、先読みは正しく機能します。私はないと、私はここでlength of undefined.のエラーコードで取得する：$scope.userTypeAheadResults、コードが通過するとき

<input type="text" ng-model="selectedUser" typeahead="user for user in userTypeAhead($viewValue)"> 

はJavaScript

$scope.userTypeAhead = function(userTypeAheadInput){ 
    myService.searchUserTypeAhead(userTypeAheadInput).then(function(data) { 

     $scope.userTypeAheadResults = []; 

     for (i = 0; i < data.array.length; i++) { 
      $scope.userTypeAheadResults.push(data.array[i].userName); 
     } 

     return $scope.userTypeAheadResults; 

    }, function(error) { 
     console.log(error) 
    }); 
} 

HTMLユーザ名の配列を返すことでしょう前向きに見せてください。配列は正しく返されますが、関数が返される前に、エラーは既にコンソールにlength of undefinedと表示されています。私はここでstackoverflowの他のいくつかの質問を見て、運がなかった。何か案は？ ありがとうございます。

Answer 1

約束を返します。

$scope.userTypeAhead = function(userTypeAheadInput){ 
    // return the promise 
    return myService.searchUserTypeAhead(userTypeAheadInput).then(function(data) { 

     $scope.userTypeAheadResults = []; 

     for (i = 0; i < $scope.data.array.length; i++) { 
      $scope.userTypeAheadResults.push(data.array[i].userName); 
     } 

     return $scope.userTypeAheadResults; 

    }, function(error) { 
     console.log(error) 
    }); 
}