How can I make recursive templates in AngularJS when using nested objects?

by

I think that this could help you. It is from an answer I found on a Google Group about recursive elements in a tree.

The suggestion is from 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>

The proposed solution is about using a template that uses the ng-include directive to call itself if the current element has children.

In your case, I would try to create a template with the ng-switch directive (one case per type of label like you did) and add the ng-include at the end if there are any child labels.

More Related Contents:

  1. Way to go from recursion to iteration
  2. Solution for “Fatal error: Maximum function nesting level of ‘100’ reached, aborting!” in PHP
  3. Determining complexity for recursive functions (Big O notation)
  4. Tower of Hanoi: Recursive Algorithm
  5. Prolog Accumulators. Are they really a “different” concept?
  6. What is recursion and when should I use it?
  7. Recursion in Angular directives
  8. Is Cmake set variable recursive?
  9. Recursive function causing a stack overflow
  10. “application: not a procedure” in binary arithmetic procedures
  11. count the number of calls of a clause
  12. recursive variadic template to print out the contents of a parameter pack
  13. Recursion vs loops
  14. Real-world examples of recursion [closed]
  15. I got “scheme application not a procedure” in the last recursive calling of a function
  16. Implications of foldr vs. foldl (or foldl’)
  17. How does the fibonacci recursive function “work”?
  18. Examples of Recursive functions [closed]
  19. Is it possible to make a recursive closure in Rust?
  20. What does “Overflow evaluating the requirement” mean and how can I fix it?
  21. SICP recursive process vs iterative process: using a recursive procedure to generate an iterative process
  22. Which recursive functions cannot be rewritten using loops? [duplicate]
  23. How do I share $scope data between states in angularjs ui-router?
  24. Angular UI-Router $urlRouterProvider .when not working when I click
  25. Hitting Maximum Recursion Depth Using Pickle / cPickle
  26. AngularJS custom filter function
  27. AngularJS $q. Deferred queue
  28. Clear localStorage on tab/browser close but not on refresh
  29. AngularJS routing without a web server
  30. How does AngularJS $watch these cases in an ng-repeat?

Leave a Comment