javascript - 如何根据转发器中的值显示指令

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

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