How to create a list where items have different controllers in angularjs

Question

I have a list which can contain different types of things that need a different template / controller. Whats the best way to do this in angular js.

The best i've come up with so far is to have the template as part of the ng-repeat data.

<ul>
  <li ng-repeat="foo in list">
    <div ng-include src="'partials/'+foo.template+'.template.html'">
    </div>
  </li>
</ul>

where the list is something like.

[{template:'foo',data:{...}},{template:'bar',data:{...}}]

ProLoser · Accepted Answer · 2012-09-06 05:37:45Z

1

Looks good to me, you don't even need the <div> tags since you can attach ng-include to the <li> tags (I think).

answered Sep 6, 2012 at 5:37

ProLoser

4,6152 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

evoratec · Accepted Answer · 2013-12-13 18:21:16Z

0

answered Dec 13, 2013 at 18:21

evoratec

591 silver badge3 bronze badges