Начинаю учить первый ангуляр и надолго застрял на проблеме байндинга. Сразу приложу весь свой код: https://plnkr.co/edit/irj9iZiWYY6ctZph3Cwb
По структуре проекта понятно, что parent компонент выводит данные, а child компонент (являясь зависимостью parent) выполняет роль добавления новых данных.
Метод добавления новых данных остается в parent, т.к. именно этот мой компонент считается "умным" и хранит данные.
<child-add on-add="$ctrl.appendData()" />
В child элемент я передаю этот коллбэк, чтобы вызвать его при сабмите формы добавления новых данных. В файле child.component.js в функции onSubmit
я хочу вызвать ctrl.onAdd
, но как я понял, я не могу туда передать аргументом новые данные (прочитал тут)
Вопрос: как тогда передать данные из child в parent компонент? Хочу сразу научиться делать это правильно.
И еще: если не использовать ES6 синтаксис (классы), я верно оформляю код? Стоит ли this
обзывать ctrl
, чтобы использовать его в функциях? Функции типа onSubmit
стоит писать прямо внутри функции контроллера?
Спасибо.