Как показать директиву, основанную на значении в репитере

Question

У меня есть ретранслятор, который перебирает список типов. На основе значения типа он отобразит соответствующую директиву. Я несколько директив называются: выпадающая, длинный текст, выбор, многовариантность и т.д. ретранслятор будет перебрать список типов, чтобы показать директиву соответствия

<div ng-repeat="field in model.Fields"> 
    <!-- if field = text then render longtext directive --> 
    <!-- if field = dropdown then render dropdown directive --> 
    <!-- if field = choice then render choice directive --> 
    <!-- and so on --> 
</div> 

Есть элегантный способ сделать это? Кстати, вы можете изменить заголовок этого сообщения на более подходящий заголовок.

Answer 1

ng-switch директива ANGULAR может быть более подходящим для этого:

<div ng-repeat="field in model.Fields"> 
    <div ng-switch on="field"> 
     <div ng-switch-when="text" longtext> 
      <!-- Render the longtext directive --> 
     </div> 
     <div ng-switch-when="dropdown" dropdown> 
      <!-- Render the longtext directive --> 
     </div> 
     <div ng-switch-when="choice" choice> 
      <!-- Render the longtext directive --> 
     </div> 
     <div ng-switch-default default> 
      <!-- Render the default directive --> 
     </div> 
    </div> 
</div>