如何根據中繼器中的值顯示指令

Question

我有一個循環遍歷類型列表的中繼器。基於類型值，它將顯示相應的指令。我已經叫幾個指令：下拉菜單，長文本，選擇，multichoice等轉發器將遍歷類型列表中顯示匹配指令

<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指令可以爲此更合適：

<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>