지시어를 사용하여 트리 구조 데이터를 렌더링하려는 사람이 있습니까? 나는 데이터가 배열 인 경우, 내가 사용할 수 있습니다 알고지시어의 템플릿을 사용하여 트리 구조 데이터를 렌더링하는 방법
<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>
같은 HTML 데이터에 내가 좋아하는 데이터를 렌더링하고 싶었다 무엇
...
{
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
}
}
}
"NG 반복 "템플릿의 경우 이고 데이터가 구조체를 알고있는 객체 인 경우"{{}} "태그를 사용할 수 있습니다.
하지만 개체 데이터가 동적으로 변경되는 것을 치료할 생각은 없습니다. 즉, $ scope에있는 하나의 객체, 즉 에 일부 자식을 데이터에 추가하고 angular.js를 사용하여 동 기적으로 렌더링하려고합니다.
누구나 좋은 생각이나 경험을 한 사람이 있습니까?
를 살펴 보자 [위키] (https://github.com/angular/angular.js/wiki/JSFiddle-Examples). 거기에 몇 가지 "트리 지시문"예제가 있습니다. – Stewie
오, 나는 그것을 발견하지 못한다. 고마워요! – Shunter1112
가능한 중복 스레드 [여기] (http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular) – Viliam