AngularJS - ngRepeat with multiple object types

Question

I have a list of items. An item can be a number of things, let\'s say the list is something like so :

[userObject , vehicleObject , userObject , animalObject         


        

Answer 1

Although this doesn't use ng-switch, it does get round the problem of not having a type field, which @DotNetHaggis pointed out.

<div ng-repeat="field in fields">
    <div ng-if="field.user !== undefined">user info</div>
    <div ng-if="field.vehicle !== undefined">vehicle info</div>
    <div ng-if="field.animal !== undefined">animal info</div>
</div>

Answer 2

<ul>
    <li ng-repeat="item in items" ng-switch="item.type">
       <img ng-switch-when="user" ng-src="item.src">
       <a ng-switch-when="vehicle">{{item.link}}</a>
       <span ng-switch-when="animal">{{item.name}}</span>
    </li>
</ul>

API reference:
http://docs.angularjs.org/api/ng.directive:ngSwitch