javascript - AngularJs多级数据钻取

Question

我是 AngularJs 的新手，我有一个复杂的 JSON，我需要从中获取数据以自动完成。

我需要为结构中的子元素创建自动完成而不显示父类别。

获取 parent 很容易，data[2].JobCategories 并将其绑定(bind)到 ng-repeat 并将“jobParentCategoryModel.JobCategoryName”绑定(bind)到模型就可以了。

但是为了只获取子项而进行的钻孔在 Angular 上让我感到困惑。在我看来，我需要做的是只让工厂的 child 进入新的子类别并与之合作。但出于某种原因，在我看来，在工厂里钻孔似乎是错误的……不知道为什么，只是看起来不是做事的 Angular 。

附言。在查看示例时，我看到了很多嵌套的 ng-repeat 示例，但我不想为每个 child 创建额外的父 DOM 元素，因此使用嵌套的重复接缝。但是我又不想破坏数据结构(这不是双向绑定(bind)，所以我不知道是否改变模型是否重要)。

以 Angular 进行这种深度钻取的最佳做法是什么？

Answer 1

我假设您只想在 ng-repeat 中使用子元素，但您不想在您的范围内创建一个仅包含这些元素的单独数据结构。在这种情况下，我会编写一个函数来提取元素并在 ng-repeat 中引用此函数:

<li ng-repeat="eachElement in getChildElements()">...</li>

这样您就可以避免冗余和不一致，因为您的列表会自动适应数据结构的变化。