Кто-нибудь пытался отображать данные древовидной структуры с помощью директивы?
То, что я хотел сделать, это визуализировать данные, например...
{
name: "root",
next: null,
child: {
name : "1"
next : {
name : "2",
next : {
name: "3",
next: null,
child: null
},
child: {
name: "2-1",
next: null,
child: null
}
},
child: {
name: "1-1",
next: {
name: "1-2",
next: null,
child: null
},
child: null
}
}
}
к данным HTML, например
<ul>
<li> root
<ul>
<li> 1
<ul>
<li> 1-1 </li>
<li> 1-2 </li>
</ul>
</li>
<l1> 2
<ul>
<li> 2-1 </li>
</ul>
</li>
<li> 3 </li>
</ul>
</li>
</ul>
Я знаю, что если данные представляют собой массив, я могу использовать «ng-repeat» для шаблона, а также, если данные являются объектом, я знаю структуру, я могу использовать тег «{{ }}».
Но я понятия не имею, как обрабатывать данные объекта, которые будут динамически изменяться. Это означает, что я также хочу добавить некоторый дочерний элемент к данным как один объект в $scope и синхронно отображать его с помощью angular.js.
У кого-нибудь есть отличная идея или опыт, который вы сделали?
