问题标签 [angular-schema-form]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
333 浏览

angularjs - 为什么 Angular 模式表单自定义验证消息总是字段不验证?

我有以下内容:

所以从服务器端检测到错误,这里的问题是我总是收到如下错误消息:字段不验证

0 投票
1 回答
773 浏览

angularjs - 角度模式形式的空数组

我在我的项目中使用 angular-schema-form 并尝试在我的模型中添加一个空数组。

我预计数组类型模式表单将不包含任何项目,但它实际上将一个对象推入我的数组并将其显示在 from。

如何在数组中没有项目的情况下初始化表单?

html

js

提琴手

0 投票
1 回答
324 浏览

javascript - 数组中对象属性的角度模式表单自定义类型

我有一组具有 3 个字符串属性“标题”、“描述”和“图标”的对象。但是,我会为 icon 属性创建一个自定义控件,以便用户从列表或模式或其他内容中选择图标。

但是,我什至无法超越将自定义插件添加到#work 的第一个示例。我已经定义了插件并缓存了模板。但是,当我在数组内的 icon 属性上使用它时,我在控制台中收到一个错误,其中 schemaValidate 开始抱怨缺少 ngModel 控制器。

JSFIDDLE:http: //jsfiddle.net/awa593ys/

也许值得注意:如果我在数组上方使用自定义表单类型,例如:

0 投票
2 回答
634 浏览

javascript - 如何使用打字稿在 Ionic 2.0 中包含角度模式形式

我已经开始使用 ionic 从头开始​​构建应用程序,并且喜欢包含http://schemaform.io框架。

我在网页中运行该示例没有任何问题,但我没有使用 ionic。

我已经创建了这个项目

我已经链接了 index.html 中的 js 文件

然后我编辑了 home.html 文件,如下所示:

和相应的 home.ts 文件如下:

我想用这个达到什么目的?我想将示例表单放在离子应用程序中。我喜欢模式表单背后的想法,因为它对我来说很容易理解,但我无法在应用程序框架中绑定表单。非常欢迎每一个帮助...

0 投票
1 回答
145 浏览

javascript - 角模式形式

我对 Angular Schema 表单完全陌生,并试图用它创建一些表单以显示在我的 html 页面上。我想知道如何以及在哪里放置form content和在此页面schema content中定义。我将这些代码行放在什么类型的文件中,如何调用要在我的 html 页面中显示的表单?

形式

架构

非常感谢您提供一些详细的初学者级别支持指南在这方面的帮助。

0 投票
1 回答
647 浏览

angularjs - 使用角度模式形式进行多选

我目前正在使用角度模式表单在下拉列表中使用多选复选框,我的要求是根据所选值禁用其他一些控件但我无法将任何事件绑定到选中多选中的复选框。谁可以帮我这个事?

0 投票
1 回答
194 浏览

angularjs - 如何使用角度模式形式在控制器中选择一个选项?

我只想在控制器中使用代码来选择Angular Schema Form中的选项。

我在 HTML 标记中有以下内容:

现在,我想在控制器中执行此操作:

0 投票
0 回答
276 浏览

angularjs - 角度模式形式的预选值

angular-schema-form 是否有显示预选值的方法?当 select 上的 titleMap 将设置一个整数时,将显示预选值。但如果它会设置一个对象,我发现无法显示正确的名称。

有什么可以将对象绑定到的,比如 ng-options ,您可以在其中设置属性以将它们与“track by”子句进行比较?

在我的示例代码中,cats1 将设置一个对象,cats2 将设置一个整数。

HTML:

控制器:

这是一个 plunkr: https ://plnkr.co/edit/0hK5Hrc9GXklfRwa6fjE?p=preview

0 投票
2 回答
709 浏览

javascript - 管理复杂的 Web 表单

我在一个应用程序上工作,其核心是一组非常复杂的 Web 表单。这种复杂性的根源

  1. 规模,有些表格包含大约 50 页,每页最多 30 个问题
  2. 复杂的规则,例如如果用户对问题 4 回答“否”,则问题 5-15 不适用,因此应从表格中删除

目前我们对表单使用Angular Schema Form,但它没有提供一种引人注目的方式来管理表单字段之间的大量复杂规则。

我在基于规则的编程方面没有太多经验,但在我看来,这可能会提供一种更好的方式来管理表单字段之间的规则。例如,使用基于规则的方法,我们可以定义与每个表单字段关联的规则,并且规则引擎可以使用这些规则来决定接下来要显示哪些字段。使用我们当前的方法,我们使用大量几乎不可能测试和维护的命令式 JavaScript 来实现这一点。

如果有人有开发如此复杂的网络表单的经验,我很想听听他们的经验,例如他们可以推荐的工具/库。我们当前的堆栈基于 JDK(Java、Groovy、Grails)和 JavaScript(Angular、Node),因此在这些平台上运行的工具/库/框架将特别有趣。

0 投票
0 回答
60 浏览

javascript - $q.defer(), AngularJS1 $asyncValidators 只匹配数组中的第一个对象

使用 Angular Schema Form,我试图在用户名输入上创建一个异步验证,但验证仅适用于 RegUsers.users 数组中的第一个匹配对象。这是我创建的一项服务,其中包含用户详细信息的集合。当通过“异步”循环时:函数(用户名)匹配并仅验证第一个对象的用户名。它也匹配其余的用户名,但表单未按要求验证。例如:

在表单中,如果您在用户名输入字段中输入 user1,它将被验证并输出错误消息:“用户名已被采用”。但是,如果您输入 user2、user3 或 user4,这些都不会得到验证,而是与 RegUsers.users 匹配,因此表单保持为 $valid insted 而非 $invalid。我不知道为什么它不能正常工作,而且......

我仍在学习 angularJs,这是我第一次遇到 Promise,因为我正在遵循 Angular Schema Form 上的DOCS来验证我构建的表单。