Разработка пользовательского интерфейса с помощью Angular2

-1

Я ищу для создания иерархической структуры организации в моем интерфейсе веб-приложений. В настоящее время мы используем Angular2.Разработка пользовательского интерфейса с помощью Angular2

Вот как это выглядит в кратком виде:

Как это можно сделать?

Сейчас я делаю следующий рисунок. 1. Загрузите родительскую группу (компания ABC) 2. Когда кто-то нажимает на нее, дочерние организации должны быть загружены вышеописанным способом.

Я пытаюсь сохранить данные в массиве &, когда кто-то нажимает кнопку «Назад» в браузере, родительская группа добавляется перед дочерней группой.

источник

2016-12-27 Sudeep Tavarkhed

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

<div *ngFor="let company of companies" (click)="company.isActive = !company.isActive"> 
    <my-company-details *ngIf="company.isActive" companyData=company> 
</div>

источник

2016-12-27 16:45:36

Первый раз, когда страница загружается, я загружаю компанию ABC, и, когда вы нажимаете на компанию ABC, я получаю дочернюю группу, которая является PAN India. У меня такой же рабочий процесс для остальных групп. Когда кто-то нажимает кнопку «Назад», появляется новый вызов api, в котором я получаю родительскую группу. Эта родительская группа добавляется в дочернюю группу. Как я могу избежать такого рабочего процесса? В настоящее время я использую массивы для хранения данных группы, которые я получаю с сервера. Я думал о сортировке групп внутри массива с помощью идентификаторов групп. Но я получаю строковое значение (например: «e8t4hsi8097») в поле group_id. –

Разработка пользовательского интерфейса с помощью Angular2

ответ

Смежные вопросы