问题标签 [angular-formly]

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 投票
3 回答
25334 浏览

angularjs - Angular-Formly:在用户点击时动态添加表单字段

我将如何在表单中添加功能,以便用户可以通过单击“添加”添加更多输入字段。这使用角度形式库。

这是一个确切功能的示例,但仅使用 angularjs 完成。

动态添加表单域

0 投票
1 回答
397 浏览

angularjs - 需要来自指令字段类型的字段

参考这个例子: http: //jsbin.com/cenugiziju/edit ?html,js,output

我创建了一个指令:example-directive 这个指令由一个 templateUrl 组成,它在这个 html 文件中有一个标签和一个输入。该字段被标记为requiredvm.formFields

如果您在 Form 部分中查看,您会注意到即使未填充 required 指令,它$valid也已设置为。true我本来预计会这样false

有没有办法使 Formly 需要从具有字段的自定义指令中引入的字段?

0 投票
1 回答
4964 浏览

angular-formly - Hide controls based on selected value

For the sample code below (look here for full plunker), how can I hide the "Driver's License Number" textbox if the selected value in the "Province/Territory" dropdown is not equal to 'ontario'? The current behaviour is to disable the "Driver's License Number" textbox. So I would like to hide the textbox rather than disable it.

Is this possible?

Thanks in advance,

P.S: Fill the form the see the "Province/Territory" dropdown

0 投票
1 回答
466 浏览

javascript - 关于角度形式的几个问题

我正在寻找一个基于提供的模型构建表单的库,所以我们正在查看:)我浏览了formly网站上的示例和视频,但仍有一些问题没有答案。

- 有很多通过formly查看/编辑单个实体的例子。我对通过正式(例如显示为表格)查看/编辑实体集合的一些示例感兴趣。表的每个字段都应该有自己的类型。

- 编辑单个实体很酷。但是,如果编辑一个实体需要创建另一个实体怎么办。例如,如果您创建“用户”实体,并且您需要创建/选择现有的“银行账户”实体以与用户链接,该怎么办?做这种事情的最好方法是什么?

-有没有使用formly的客户端+服务器应用程序的例子?(例如,我们从服务器端获取表单?)。也许,类的一些属性(注释),用于自动形式对象生成的字段?

0 投票
1 回答
48 浏览

angularjs - 如何从内部 formlyform 指令中获取数据

我在我的字段数组中放置了一个指令。该指令有另一种形式,其中显示了几个字段。无论这些内部字段具有什么验证(必需/最小/最大/等),都可以在失败时正确显示验证消息。但是,我无法让字段的值冒泡到主窗体的模型中。

请看一下这个jsbin

请注意,这些InnerFieldTest字段是从放置在exampleDirective. 主窗体上还有一个outerfieldtest字段。如果您在三个字段中输入数据,模型只显示外部字段的数据。我相信我对为什么会发生这种情况有一个基本的了解(内部形式的模型没有在外部形式的模型中表示)。但是,我不确定如何解决此问题。

有人有什么建议吗?

PS ...任何人也有关于如何让内部形式从外部形式看到 Submit btn 调用的想法?当我按下主窗体上的提交 btn 时...我希望像主窗体一样验证内部窗体(这意味着任何缺少的东西都会变成红色)。

0 投票
1 回答
1507 浏览

angularjs - 使用角度形式编辑数组元素

我正在使用 angular-formly 来创建输入屏幕,只要我有每个VALUE的KEY ,一切都很好。

但是我有一种情况,其中值是一个包含数组的对象。这是一个行业标准,所以我不能改变字段结构。

父键是GEOCODE它的值是COORDINATES (这是一个有2 个元素的数组)

我想编辑这两个元素(经度和纬度)。这是可行的还是确实需要一个 KEY:VALUE 来创建和输入,这将允许编辑这些值。

0 投票
1 回答
349 浏览

angular-formly - Angular Formly - 模板 - 将 LABEL 包装在自己的类中

我正在使用 Twitter Bootstrap 进行演示。该设计要求标签和输入字段在桌面上位于同一行,而在移动设备上则堆叠在一起。为了实现这一点,我想使用 TB 的网格系统,但我找不到这样做的方法。查看文档,我可以看到如何将类应用于标签/输入对的包装 div,但不能单独应用于标签和输入字段。

http://jsbin.com/voreyev/edit?html,js,输出

0 投票
0 回答
197 浏览

angularjs - 以角度形式在多输入中使​​用对象

我该如何使用

代替

所以现在我在 URL 输入中看到 [object Object] 但我想在那里看到 URL。

我尝试了 kids.url 和 kids.$.url 但没有奏效

原文 http://jsbin.com/yuyawo/6/edit?html,js,output

我试过的那个

http://jsbin.com/qiyiku/3/edit?html,js,输出

0 投票
1 回答
1519 浏览

angularjs - radio , multiCheckbox 和 checkbox 的角度形式只读模式

我需要以只读模式显示表单,我正在使用 angular-formly 创建基于 Json 的表单。检查了适用于文本输入的链接http://angular-formly.com/#/example/other/read-only-form,请建议如何为 radio 、 multicheckbox 和 checkbox 设置只读

0 投票
2 回答
2315 浏览

angularjs - 水平单选按钮

如何使用 Formly 创建水平单选按钮?我创建了这个jsbin来显示我创建的单选按钮。但是对于我的生活,我无法让单选按钮水平显示。

任何建议,将不胜感激。