Угловая функция в контроллере не вызывается после обещания

Question

Угловая функция в контроллере не вызывается после обещания

0

Я создаю приложение Angular 1.5 с использованием структуры компонентов. После того, как обещание вернется из вызова $ http в службе, я пытаюсь вызвать другую функцию для фильтрации набора данных, прежде чем он будет отображаться в пользовательском интерфейсе.

Однако функция filterApps не вызывается.

Также... в функции filterApps я пытаюсь сравнить с массивами объектов и возвращать те, которые имеют одинаковое имя. Это лучший способ сделать это или есть более чистый способ?

Контроллер:

import allApps from '../../resources/data/application_data.js';

class HomeController {
    /*@ngInject*/
    constructor(ItemsService) {
        this.itemsService = ItemsService;
        this.displayApps = [];
    }

    $onInit() {
        this.itemsService
            .getItems()
            .success((apps) => this.filterApps(apps));
    }

    filterApps(siteApps) {
        this.displayApps = allApps.applications.filter((app) => {
            siteApps.applications.map((siteApp) => {
                if(siteApp.name === app.name) {
                    return app;
                }
            })
        });
    }
}

export default HomeController;

erichardson30 12 авг. 2016, в 22:19

Источник

0

Я не вижу никаких $http звонков ...
Danny Buonocore 12 авг. 2016, в 20:00
2

Действительно ли происходит успешный обратный вызов, попробуйте добавить .error((error) => console.log(error)) ? Вы уверены, что getItems возвращает обещание ... проверьте консоль на наличие ошибок
Pankaj Parkar 12 авг. 2016, в 20:00
0

@DannyBuonocore вызов $ http находится в службе, которая не имеет ничего общего с вопросом
erichardson30 12 авг. 2016, в 20:01
0

@PankajParkar да, это входит в обратный вызов успеха. Ранее у меня был this.itemsService .getItems() .success((apps) => this.displayApps = apps); и все приложения были отображены
erichardson30 12 авг. 2016, в 20:02
1

Вы будете удивлены, сколько вопросов здесь не может быть дан ответ, потому что ФП считает, что оскорбительный код "не имеет ничего общего с вопросом" ... просто говорю
Danny Buonocore 12 авг. 2016, в 20:03
0

@ DannyBuonocore Я понимаю, однако вызов $ http.get работает нормально, и я могу установить this.displayApps = apps в this.displayApps = apps успеха. Это просто не вызывает функцию filterApps
erichardson30 12 авг. 2016, в 20:05
0

Откуда ты знаешь, что filterapps не вызывают, ты ничего с этим не делаешь?
Daniel Kobe 12 авг. 2016, в 20:06
0

@DanielKobe да, вы правы, он пропустил отладку. посмотрите на мой ответ ниже.
Pankaj Parkar 12 авг. 2016, в 20:14

Показать ещё 6 комментариев

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Действительно ли происходит успешный обратный вызов, попробуйте добавить .error((error) => console.log(error)) ? Вы уверены, что getItems возвращает обещание ... проверьте консоль на наличие ошибок
@DannyBuonocore вызов $ http находится в службе, которая не имеет ничего общего с вопросом
@PankajParkar да, это входит в обратный вызов успеха. Ранее у меня был this.itemsService .getItems() .success((apps) => this.displayApps = apps); и все приложения были отображены
Вы будете удивлены, сколько вопросов здесь не может быть дан ответ, потому что ФП считает, что оскорбительный код "не имеет ничего общего с вопросом" ... просто говорю
@ DannyBuonocore Я понимаю, однако вызов $ http.get работает нормально, и я могу установить this.displayApps = apps в this.displayApps = apps успеха. Это просто не вызывает функцию filterApps
Откуда ты знаешь, что filterapps не вызывают, ты ничего с этим не делаешь?
@DanielKobe да, вы правы, он пропустил отладку. посмотрите на мой ответ ниже.

Pankaj Parkar · Accepted Answer · 2016-08-12T17-12-00.000Z

Я не вижу причин, по filterApps метод filterApps не получает вызов (поскольку вы уже прокомментировали, что функция success получает вызов). Я думаю, вы просто проверяете, что в переменной displayApps ничего не было. Реальная проблема заключается в том, что вы не возвращаете результат внутренней функции map для filter. Поэтому, почему ничего не получается.

Код

filterApps(siteApps) {
    this.displayApps = allApps.applications.filter((app) => {
        //returning map function result.
        return siteApps.applications.map((siteApp) => {
            if(siteApp.name === app.name) {
                return app;
            }
        })
    });
}

Спасибо. Я пропустил это возвращение. Также есть лучший способ сделать это сравнение массивов?
@ erichardson30 мне кажется правильным .. так как вы сравниваете name объекта на равенство.