Форум программистов, компьютерный форум, киберфорум
Angular/AngularJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189

Выборка иерархических данных

15.07.2016, 13:29. Показов 1733. Ответов 30
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день!!!

Имеется файл json такого типа:

JSON
1
2
3
4
5
6
7
8
9
10
11
[
    {"Id":1,"Name":"Узел 1","Parent":""},
    {"Id":2,"Name":"Узел 2","Parent":""},
    {"Id":3,"Name":"Узел 3","Parent":""},
    {"Id":4,"Name":"Узел 1.1","Parent":"1"},
    {"Id":5,"Name":"Узел 1.2","Parent":"1"},
    {"Id":6,"Name":"Узел 2.1","Parent":"2"},
    {"Id":7,"Name":"Узел 3.1","Parent":"3"},
    {"Id":8,"Name":"Узел 3.1.1","Parent":"7"},
    {"Id":9,"Name":"Узел 3.2","Parent":"3"}
]
его необходимо привести к вот такому виду:
Название: 1324564646142315469865465465498794.png
Просмотров: 27

Размер: 4.9 Кб
а еще лучше сделать аккордион.

Каким образом это можно сделать???
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.07.2016, 13:29
Ответы с готовыми решениями:

Отображение иерархических данных
все работает , но как сделать чтоб подтаблица была не только у "item1" ,но и у остальных. int main(int argc, char *argv) { ...

Биндинг иерархических данных в ListBox
Добрый день, всем! Пытаюсь реализовать известный пример MSDN Это код XAML <Window x:Class="LeagueBinding.MainWindow" ...

Итератор связей иерархических данных
Здравствуйте, есть модель данных. public class Sections { public int Id { get; set; } public string...

30
 Аватар для ReasonX7
47 / 46 / 18
Регистрация: 11.12.2011
Сообщений: 147
16.07.2016, 13:47
Студворк — интернет-сервис помощи студентам
Почему у всех элементов есть родители? Тогда получается, что это либо неполная информация, либо нужно искать критерий нахождения первых родителей.

Добавлено через 2 минуты
Это что за запись?
Code
1
{"Uid":"afb9b2ee-6898-11e4-b94d-002590d0470f","Name":"Zeta инжиниринг НЕ БРАТЬ!","Parent":"00000000-0000-0000-0000-000000000000"},
Добавлено через 48 секунд
Как конкретно звучит задание?
0
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 13:54  [ТС]
У родителей Uid='00000000-0000-0000-0000-000000000000'

Добавлено через 1 минуту
Это тестовые данные, так что, что там написано не обращать внимания, это значения не имеет.

Добавлено через 1 минуту
Главное с сервера пришили все родители.

Добавлено через 1 минуту
А задание, из вот этих данных необходимо построить дерево со вложенностью потомков.
0
 Аватар для ReasonX7
47 / 46 / 18
Регистрация: 11.12.2011
Сообщений: 147
16.07.2016, 13:55
У вас вызов ф-ции преобразования массива так выглядит?
JavaScript
1
var nestedArray = getNested(arrayCopy, '00000000-0000-0000-0000-000000000000');
У меня в таком виде заработало.
0
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 13:57  [ТС]
Да.

Добавлено через 29 секунд
А у меня почему то не хочет работать

Добавлено через 1 минуту
А у вас как выглядит $scope.array = .......?
0
 Аватар для ReasonX7
47 / 46 / 18
Регистрация: 11.12.2011
Сообщений: 147
16.07.2016, 14:12
Так, как вы его скинули в файле. Покажите скриншот с консоли переменной `res`.
0
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 14:19  [ТС]
Сейчас у меня вот такое показывает

0
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 14:21  [ТС]
А в файл скинул, я на Web API написал метод который возвращает мне json и развернул его локально.
0
 Аватар для ReasonX7
47 / 46 / 18
Регистрация: 11.12.2011
Сообщений: 147
16.07.2016, 14:21
Покажите, как у вас выглядит директива `nested-array` в HTML.
0
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 14:22  [ТС]
<div nested-array="array"></div>
0
 Аватар для ReasonX7
47 / 46 / 18
Регистрация: 11.12.2011
Сообщений: 147
16.07.2016, 14:25
Лучший ответ Сообщение было отмечено sergeybr как решение

Решение

Я же писал, что нужен `ng-if="array"`.
HTML5
1
<div ng-if="array" nested-array="array"></div>
Без него получается ситуация, что JS и HTML уже загрузились, а данные с сервера еще тянутся. В результате в директиву вместо массива попадает `undefined`.
1
 Аватар для sergeybr
13 / 13 / 0
Регистрация: 19.01.2010
Сообщений: 189
16.07.2016, 14:33  [ТС]
ЗАРАБОТАЛО . Спасибо тебе огромное, выручил, а то я angular только начал учить и это мой первый проект на нем.

Добавлено через 4 минуты
Теперь буду знать эти маленькие нюансы)))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.07.2016, 14:33
Помогаю со студенческими работами здесь

Добавление иерархических данных в Treeview
Здравствуйте. Есть данные, надо добавить в treeview. Проблема в том что после двух childNodes не могу добавить, ошибка . Пример добавление...

Оптимизация процедуры агрегирования иерархических данных
Всем доброго времени суток. Есть много данных которые имеют иерархический вид (см вложение как пример). Периодически сотрудники меняют...

Несколько иерархических имён пользователя
На всякий случай переспрошу тут. Может ли у пользователя быть одновременно несколько иерархических имён? Например CN=Julia...

Динамика распределения власти в иерархических структурах
Доброго дня. Ребят, помогите составить диф уравнение и решить его, V() и F() упразднить. Не могу понять, получается функция от двух...

Выборка данных из таблицы и суммирование этих данных
Здравствуйте, у меня затуп. Мне необходимо просуммировать значения из таблицы, однако они идут не по порядку, поэтому я создал запрос с...


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

Или воспользуйтесь поиском по форуму:
31
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru