Arhn - архитектура программирования

Обеспечить обратный вызов для пользовательского компонента

Я сделал собственный компонент, который в основном обертывает линейную диаграмму d3. Теперь я хочу иметь возможность зарегистрировать обратный вызов для кликов по линиям на графике.

Я дал компоненту параметр @NgCallback, которому я затем отправляю события:

class NetworkSummaryComponent implements NgShadowRootAware {
  @NgCallback('callback')
  Function callback;

  void onShadowRoot(ShadowRoot shadowRoot) {
    ...
    chart.callMethod('listen', ['line-click', (ev) {
        var name = ev.callMethod('getLineName');
        print(name);
        callback({'name': name});
    }]);
  }
}

При использовании компонента я указываю функцию моего контроллера в качестве обратного вызова:

<network-summary
    ...
    callback="ctrl.lineClicked">
</network-summary>

Однако на самом деле эта функция никогда не вызывается, я знаю, что обратный вызов поступает со стороны JS, потому что выполняется печать в первом фрагменте.

Если вместо этого я укажу атрибут как callback="ctrl.lineClicked()", я получу странное исключение:

Closure call with mismatched arguments: function 'call'

Я не смог найти никакой официальной документации о том, как правильно делать обратные вызовы, поэтому я не совсем уверен, что я делаю неправильно. Есть идеи?

07.04.2014

Ответы:


1

Получается, что мне пришлось явно называть ожидаемые аргументы в атрибутах:

<network-summary
    ...
    callback="ctrl.lineClicked(name)">
</network-summary>

Надеюсь, что это полезно для следующего человека, столкнувшегося с этой проблемой.

07.04.2014
  • Спасибо, я столкнулся с той же проблемой и потратил несколько часов, прежде чем увидел этот пост. 28.10.2014
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..