Как передать обещание объекта на троичного оператора?

Question

Поэтому я реализую директиву md-autocomplete Angular Material Design для приложения AngularJS. Я хочу отправить обещание элементу управления, чтобы, если запрос не был полностью загружен, он не выдавал ошибку; а также видеть полосу загрузки в элементе управления как сигнал "загрузки".

Это ошибка, которую я получаю, когда данные еще не загружены:

TypeError: Невозможно прочитать свойство 'slice' из неопределенного

Вот как я получаю данные:

        $http({
            method: 'GET',
            url: $rootScope.apiURL+'getAllCustomers/'+session,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).success(function(response){
            if(response.ErrorMessage === null && response.Result !== null){
                mixpanel.track("Customers loaded for POS");
                self.customers = Object.keys(response.Result).map(function (key) {return response.Result[key]});
            }
        })
        .error(function(data){
            alert('Something went wrong. Please try again.');
            mixpanel.track("Error loading customers");
        });

Вот мой HTML:

<md-autocomplete
        ng-disabled="ctrl.isDisabled"
        md-no-cache="ctrl.noCache"
        md-selected-item="ctrl.selectedItem"
        md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
        md-search-text="ctrl.searchText"
        md-selected-item-change="ctrl.selectedItemChange(item)"
        md-items="item in ctrl.querySearch(ctrl.searchText)"
        md-item-text="item.Name"
        md-min-length="0"
        placeholder="Buscar Cliente">
    <md-item-template>
        <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.Name}}</span>
    </md-item-template>
    <md-not-found>
        No states matching "{{ctrl.searchText}}" were found.
        <a ng-click="ctrl.newCustomer(ctrl.searchText)">Create a new one!</a>
    </md-not-found>
</md-autocomplete>

Это функции, которые обрабатывают запросы:

function querySearch (query) {
    var results = query ? self.customers.filter( createFilterFor(query) ) : self.customers.slice(0, 50),
        deferred;
    return results;
}

function createFilterFor(query) {
    var lowercaseQuery = angular.lowercase(query);
    return function filterFn(customer) {
        return (customer.Name.toLowerCase().indexOf(lowercaseQuery) === 0);
    };
}

Спасибо!

Answer 1

Оберните рассматриваемый код в функцию:

function foo()
  {
  return foo.self.customers.slice(0, 50);
  }

foo.self = self;

Затем измените утверждение на:

var results = query ? self.customers.filter( createFilterFor(query) ) : foo

И запустите проверку типа в шаблоне как троичную логику:

(typeof ctrl.querySearch(ctrl.searchText) === "function") ? item in ctrl.querySearch(ctrl.searchText)() : item in ctrl.querySearch(ctrl.searchText) 

Рекомендации

• Как троичный оператор оценивается в JavaScript?