您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使用Angular输出动态表单字段?

如何使用Angular输出动态表单字段?

无论要尝试创建的指令如何,您遇到的第一个问题是在具有表单元素的表单中使用ng-repeat。ng-repeat如何创建新范围可能很棘手。

该指令创建新的作用域。

我也建议不要在部分模板中使用ngSwitch而不是使用element.html 。

<div class="form-row" data-ng-switch on="field.type">
    <div data-ng-switch-when="text">
        {{ field.title }}: <input type="text" data-ng-model="field.value" />
    </div>
    <div data-ng-switch-when="textarea">
        {{ field.title }}: <textarea data-ng-model="field.value"></textarea>
    </div>
</div>

由于ng- repeat,这仍然给您带来在子范围内修改表单元素的问题,为此,我建议在项目更改后,对每个元素使用ngChange方法来设置值。这是我目前认为AngularJS无法很好处理的少数项目之一。

其他 2022/1/1 18:13:47 有680人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶