使用嵌套对象时,如何在AngularJS中创建递归模板?

使用嵌套对象时,如何在AngularJS中创建递归模板?,第1张

使用嵌套对象时,如何在AngularJS中创建递归模板

我认为这可以为您提供帮助。它来自我在Google网上论坛上找到的关于树中递归元素的答案。

该建议来自Brendan Owen:http :
//jsfiddle.net/brendanowen/uXbn6/8/

<script type="text/ng-template" id="field_renderer.html">    {{data.label}}    <ul>        <li ng-repeat="field in data.fields" ng-include="'field_renderer.html'"></li>    </ul></script><ul ng-controller="NestedFormCtrl">    <li ng-repeat="field in formData" ng-include="'field_renderer.html'"></li></ul>

提出的解决方案是关于使用一个模板,该模板使用ng-include指令在当前元素具有子元素时调用自身。

在您的情况下,我将尝试使用ng-switch指令创建模板(每种标签类型都使用一种情况,就像您一样),如果有任何子标签,则在末尾添加ng-include。



欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5673995.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存