Javascript AngularJS：选择父li时渲染子li

我需要只显示所选li的子级。 例如，在下图中，EIS\u ASCP\u FORECAST\u SETS\u V被选中，因此它的子FND\u用户和MRP\u FORECAST\u指示符\u V被显示，其余元素被隐藏。同样，当选择FND_USER时，必须显示它的子项。该树是使用jquery创建的，是动态的。我在页面的其余部分使用AngularJS

我尝试使用

$（event.target）.parent（）.find（'li'）

，但无法从中取出子元素

形成树的代码

<li class="treeView">
<a ng-click="getViewColumns('EIS_ASCP_FORECAST_SETS_V', '724')" href=""><b>EIS_ASCP_FORECAST_SETS_V</b></a>&nbsp;<input type="checkbox" ng-checked="true" ng-click="useInSelect('EIS_ASCP_FORECAST_SETS_V')">
    <ul>
        <li><a ng-click="getViewColumns('FND_USER', '724')" href="">FND_USER</a>&nbsp;<input type="checkbox" ng-click="useInSelect('FND_USER')">
        <li><a ng-click="getViewColumns('MRP_FORECAST_DESIGNATORS_V', '724')" href="">MRP_FORECAST_DESIGNATORS_V</a>&nbsp;<input type="checkbox" ng-click="useInSelect('MRP_FORECAST_DESIGNATORS_V')"></a>
    </ul>

您可以将

ng if=“showHideComp（parentId）”

添加到子元素中。函数检查parentId的isSelected属性，并相应地返回true/false

例如：

<input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/>

选中时显示：

<span ng-if="checked" class="animate-if">
   This is removed when the checkbox is unchecked.
</span>

当复选框未选中时，此选项将被删除。

展示您迄今为止所做的一些努力。@SureshKamrushi我不知道如何开始。@Sukesh，看看关于和指导我们可以帮助您解决问题。我们无法为您编写完整的代码。@Grundy我没有使用AngularJS来编写树代码使用函数视图不适合angular，因为它调用每个摘要循环，为什么不只检查parentId的isSelected属性而不检查函数？@Nishi感谢您的建议，我会检查并让您使用know@Nishi您的解决方案非常有效。但是如何为动态生成的树修改它呢？我的意思是我不能对所有列表元素使用ng model=“checked”，对吗？生成动态id并在ng中使用该id进行检查-if@Sukesh：您也可以尝试使用ng模型，因为对于所有动态字段，模型都是独立的。