避免在ng-switch中重复

时间:2019-03-07 21:31:43

标签: javascript angularjs

我在呈现不同表单元素的模板中有一个ng-switch。这是一个简化的示例:

<div ng-switch="$ctrl.inputType">
        <input ng-switch-when="textbox" type="text"/>
        <textarea ng-switch-when="textarea">
        </textarea>
        <select ng-switch-when="select">
        </select>
        <input ng-switch-when="number" type="number"/>
</div>

但是,例如,如果我想为开关的每个元素添加相同的属性,我就找不到避免重复的好方法。例如,如果我想添加一个name,我知道的唯一方法就是这样:

<div ng-switch="$ctrl.inputType">
        <input name="$ctrl.inputName" ng-switch-when="textbox" type="text"/>
        <textarea name="$ctrl.inputName" ng-switch-when="textarea">
        </textarea>
        <select name="$ctrl.inputName" ng-switch-when="select">
        </select>
        <input name="$ctrl.inputName" ng-switch-when="number" type="number"/>
</div>

在每个元素上重复name="$ctrl.inputName"。有办法避免这种重复吗?

0 个答案:

没有答案