ng-repeat指令中许多ng-switch替代品的性能

时间:2016-08-26 09:50:00

标签: javascript angularjs angularjs-ng-repeat angularjs-ng-switch

我目前正在使用angular指令来显示基于json描述的泛型表单。

我担心对所有输入进行ng-repeat,并对列表中可能存在的所有可能输入类型进行ng-switch或ng-if-iterate。将有大约15种类型和形式可以有大约20-50个输入。

我可以看到自己实施的多种模式。当前的POC有一个输入指令,ng-if可以打开在ng-repeat中调用的所有类型。

输入指令

<md-input-container ng-if="description.type in ['Text', 'Number']">
    ...
</₥d-input-containter>
<md-input-container ng-if="description.type == 'Boolean'">
    ...
</₥d-input-containter>
<span ng-if="description.type == 'Select'">
    ...
</span>
...

通过

调用
<input description="i" ng-repeat="i in inputs"></input>

我担心为每个渲染输入重复每种类型。角度如何管理这些替代品。它如何处理ng-repeat中的过滤器,例如如果我想事先过滤输入?

我应该为所有类型制作不同的指令并在调用指令之前切换它们吗?似乎是开销很大......

0 个答案:

没有答案