justvitalius / angular_react_example

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Пример взаимодействия Angular с React компонентом

Задача

Связать контроллер angular и UI компонент на React. React компонент рисует календарь. Пользователь выбирает в нем дату. Выбранную дату пробрасываем в контроллер на Angular.

Решение

После изыскания и чтения блогов (ссылки упускаю, поздно опомнился, что нужно было их сохранить) нашел самый достойный вариант: ngRepeat. Это модуль для Angular, который дает интерфейс подключения React компонент к приложению и пробросу внутрь него параметров.

Взаимодействие компонента с контроллером через ссылку на колбэк, который объявлен в контроллере, а вызывается внутри React-компонента. Все точно также как взаимодействие родительского и дочернего React компонентов.

Как посмотреть

  • Склонировать репозиторий;
  • Запустить npm install;
  • После установки модулей запустить npm run example;
  • В браузере открыть http://localhost:8080 и покликать результат.

About


Languages

Language:JavaScript 56.1%Language:CSS 27.8%Language:HTML 16.1%