Передача данных между компонентами

04.12.2017, 15:35. Показов 1406. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Добрый день всем. Перед мной стоит задача на angular 2.

Есть компонент, к примеру, tree-structure в котором лежит объект

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{
    "id": 1,
    "nodes": [
      {
        "id": 11,
        "nodes": [
          {
            "id": 111,
            "nodes": []
          },
          {
            "id": 112,
            "nodes": []
          },
          {
            "id": 113,
            "nodes": [
              {
                "id": 1131,
                "nodes": []
              },
              {
                "id": 1132,
                "nodes": []
              }
            ]
          }
        ]
      }
    ]
  }

У этого компонента есть дочерний компонент tree-view.
Задача заключается вот в чем:

Из родительского компонента передавать уровни этого объекта, а дочерний должен их отображать в зависимости от вложенности.
Нельзя передать весь объект сразу и потом отрисовать, нужно передавать и отрисовывать динамически. Переслали туда уровень, отрисовали. В данном случае можно создать дерево из айдишников.
Я так полагаю это нужно делать через @Input ?

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

04.12.2017, 15:35

Ответы с готовыми решениями:

Передача данных между дочерними компонентами
Здравствуйте. Не могу победить следующую проблему: есть 2 дочерних компонента. В одном из них отображается массив городов, с возможностью...

Angular 2 Передача данных между компонентами
Добрый день, как можно передать данные между одинаковыми компонентами ? (не родитель - ребенок). Можно ли как - то сделать, один компонент...

Angular 2, двустороняя привязка переменных между компонентами
Всем доброго времени суток. Подскажите пожалуйста как правильно связать двусторонней связью переменные из разных компонентов? как я пытался...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

04.12.2017, 15:35

Помогаю со студенческими работами здесь

Возможен ли переход между компонентами при использование ссылок(рутов) но без navbar (angular 7)?
Мне надо реализировать spa-страницу которую я пишу, точнее написал, на ангуларе. Вот один рутинг только надо, в принципе. В своем...

Передача параметров между компонентами
Доброго времени суток. Решил познакомиться с реактом, сделав простенький интернет-магазин и столкнулся с такой проблемой: у меня...

Пожалуйсто обясниту разницу на пример между TImage и TDBImage и т.д между обичнами компонентами и DB компонентами
Здарова люди ;) Пожалуйсто обясниту разницу на пример между TImage и TDBImage и т.д между обичнами компонентами и DB компонентами...

Передача параметра между компонентами Razor страницы
Здравствуйте. Такая ситуация. Использую компоненты DevExtreme. Есть на форме чекбокс и грид. При клике на чекбокс обновляются...

Как правильно организовать передачу данных между компонентами для формы
Приветствую, у меня вопрос скорее к подходу. Дано компонент с формой, где много различных полей. Часть полей таких как инпуты находятся в...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

Наверх