指定Angular Schema Form使用范围选择下拉选项

时间:2016-01-12 13:38:35

标签: angularjs json forms select angular-schema-form

我一直在寻找使用Angular Schema Form为我的项目定义我的所有表单,但有一点对我来说很重要的是当我们定义一个select / drop-down元素时,必须指定值然后在JSON中。这并没有让我觉得非常灵活,因为我希望从我的Angular控制器/工厂中检索这些值,因为它们目前在范围内可用。

我已经做了很多关于如何绕过这个问题的搜索,但是没有找到一个明确的解决方案或任何对我有用的东西,所以我决定尝试扩展选择自己并添加映射到{{ 1}}。

我已经按照Extending Schema Form的文档进行操作,现在有了一个HTML片段,它定义了我的Select控件,当我在JSON模式中定义它时,它会被渲染。我希望能够做的是通过JSON模式部分地指定ng-options属性。我试图这样做,但似乎没有任何结果导致选择选项被渲染。

以下是我的选择控件的一部分:

schemaFormDecoratorsProvider

如果定义了ng-options,我希望能够在我的JSON中指定titleMap并将其解析为我的作用域上的对象,或者我可以在我的JSON中传递该集合的名称,然后将其传递到<select ng-model="$$value$$" ng-model-options="form.ngModelOptions" sf-changed="form" schema-validate="form" ng-options="item.value as item.name for item in form.titleMap" ng-disabled="form.readonly"> </select> 目前正在。

有人有过这方面的经验吗?对我来说似乎是一个相当合理的要求,但在网上找不到有关它的帮助。

非常感谢。

1 个答案:

答案 0 :(得分:2)

有一些附加组件旨在支持动态数据选择,该库没有偏好,并由开发人员选择最适合他们的需求,但是我构建了Material Design装饰器以包含{{{ 3}}在装饰器中所以不需要加载项。引导程序装饰器在此阶段没有此功能。

angular-schema-form-external-options库是基本的,但涵盖了简单动态下拉数据填充的大多数要求

angular-schema-form-external-options是一个功能更强大且功能齐全的选项,具有多种可配置选项。