Using ng-if as a switch inside ng-repeat?

by

Try to surround strings (hoot, story, article) with quotes ': 

<div ng-repeat = "data in comments">
    <div ng-if="data.type == 'hoot' ">
        //different template with hoot data
    </div>
    <div ng-if="data.type == 'story' ">
        //different template with story data
    </div>
    <div ng-if="data.type == 'article' ">
        //different template with article data
    </div> 
</div>

More Related Contents:

  1. How to iterate over the keys and values with ng-repeat in AngularJS?
  2. How to make ng-repeat filter out duplicate results
  3. AngularJS For Loop with Numbers & Ranges
  4. Calculating sum of repeated elements in AngularJS ng-repeat
  5. What is the difference between ng-if and ng-show/ng-hide
  6. Difficulty with ng-model, ng-repeat, and inputs
  7. Angular ng-repeat add bootstrap row every 3 or 4 cols
  8. Angular ng-repeat conditional wrap items in element (group items in ng-repeat)
  9. passing 2 $index values within nested ng-repeat
  10. ng-repeat filtering data by date range
  11. Preserve line breaks in angularjs
  12. How to use ng-repeat for dictionaries in AngularJs?
  13. Directive isolate scope with ng-repeat scope in AngularJS
  14. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  15. AngularJS : ng-repeat filter when value is greater than
  16. AngularJS watch DOM change
  17. Angular orderBy number sorting as text in ng-repeat
  18. Using comma as list separator with AngularJS
  19. How to use “ng-repeat” within template of a directive in Angular JS?
  20. Using ng-repeat to generate select options (with Demo)
  21. What is `priority` of ng-repeat directive can you change it?
  22. AngularJS – Filter empty objects
  23. shuffle array in ng-repeat angular
  24. Filtering an Angular 1.2 ng-repeat with “track by” by a boolean property
  25. How to highlight a selected row in ngRepeat?
  26. ng-repeat specify a starting index
  27. angularjs text area character counter
  28. How to obtain previous item in ng-repeat?
  29. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  30. Highlighting a filtered result in AngularJS

Leave a Comment