Объединить несколько повторов

Question

Объединить несколько повторов

0

У меня есть html-структура, где каждый ребенок имеет разные значения длины:

<div ng-repeat='element in treeView'>
    <div ng-repeat='element1 in element.children'>
        <div ng-repeat='element2 in element1.children'>
            <div ng-repeat='element3 in element2.children'>
                <div ng-repeat='element4 in element3.children'>
                    <div ng-repeat='element5 in element4.children'>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Мне не нравится несколько ng-repeat.

Как переделать код?

Arunkumar 29 июль 2016, в 13:27

Источник

0

почему не ng-repeat="element in treeview.children.children.children.children.children" ?
Sankar 29 июль 2016, в 10:41
0

Вы хотите только распечатать данные в <div ng-repeat='element5 in element4.children'></div> ??
Yosvel Quintero 29 июль 2016, в 11:04

Теги:

javascript

jquery

angularjs

css

html5

1 ответ

Ещё вопросы

почему не ng-repeat="element in treeview.children.children.children.children.children" ?
Вы хотите только распечатать данные в <div ng-repeat='element5 in element4.children'></div> ??

domyos · Answer 1 · 2016-07-29T08-32-00.000Z

Чтобы создать узлы DOM для всех дочерних элементов treeView рекурсивно, вы можете создать новый компонент.

Пример использования:

<your-directive elements="vm.elements"></your-directive>

Код компонента:

angular.module('yourApp')
  .component('yourDirective', {
    templateUrl: 'template.html',
    bindings: {
      elements: '='
    },
    bindToController: true,
    controllerAs: 'vm'
  });

Шаблонный код:

<div ng-repeat="element in vm.elements">
    <your-directive ng-if="vm.elements.children.length > 0" elements="vm.elements"></your-directive>
</div>

Примечание. Я не тестировал этот код, но с небольшим мастерингом вы должны заставить это работать.