动态添加新元素并在angularjs中的选定元素上添加新子元素

Question

我是angularjs的新手，我想知道如何实现以下示例。

第1节 - 第1小节 - 第2小节 - 第3节

第2节 - 第1小节 - 第2小节

用户可以动态添加更多部分，并且可以从该部分动态添加更多子部分。另外，我如何获得特定元素的索引。希望我能正确解释。在此先感谢：）

Answer 1

可能有很多方法可以做到这一点，其中一种方法可能是为子节初始化一个数组，为子节初始化一些数组。孩子会了解其父母是谁。

请在此处查看工作人员：Demo

两个阵列：

This is test text

http://www.mywebq8.com/mobile/newsdetails.aspx?id=22455

查看：

$scope.section = [{id: 1}, {id:2}];

$scope.subSection = [{id:1, parentId: 1}, {id:2, parentId: 1},{id:3, parentId: 2}];

Answer 2

<div ng-repeat="section in sections">
  {{ section.name }}
  <div ng-repeat="subsection in section.subsections">
     {{ subsection.name }}
  </div>
  <button ng-click="addSubsectionTo(section)">Add subsection</button>
</div>
<button ng-click="addSection()">Add section</button>