使用服务不会在typehead中显示deffer.promise结果

Question

我正在使用angularjs 1.7，并且试图在表头中使用service显示功能的结果

<input type="text" id="oppId" name="oppId" aria-label="oppId"
       ng-model="oppId"
       typeahead="item for item in commonService.oppIdTypeAhead($viewValue) | limitTo:10"
       ng-blur="checkAndValidate($event)">

oppIdTypeAhead: function (val) {
            var deferred = $q.defer();
            var config = {
                method: "GET",
                headers: { Accept: "application/json" },
                url: constants.oppPickup,
                params: {
                    oppID: val
                },
                timeout: this._getCanceler('OppTypeAhead')
            };

            $http(config).then(function (data) {
                deferred.resolve(data.data);
            }).catch(function (data, status, headers, config) {
                if (status === 0 && data === null) {
                    deferred.reject('canceled');
                } else {
                    deferred.reject(data);
                }
            });
            console.log(deferred.promise);
            return deferred.promise;

这是诺言返回的结果

它应该显示结果列表 但是它有一个例外，那就是对象不支持属性或方法“成功”