问题标签 [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 投票
1 回答
706 浏览

angular-formly - 引用对象数组以使用 angular-formly 级联选择选项

我正在创建一个表单,它的字段选项取决于表单前面的选择,引用 JSON 数组。我研究了 Cascade Select 示例,但还没有完全理解控制器在其中的工作方式。有人介意帮助我调整 Cascade Select 示例的概念以引用 JSON 数组吗?

这是一个JS Bin 的链接,说明了我要完成的工作(请务必“使用 JS 运行”)。我想要其选项相对于数组填充并根据先前选择进行过滤的字段。我已经弄清楚如何使用传递给表单元素中的“选项”参数的简单for循环函数来选择运动的第一级选项;但我需要一只手进入下一阶段。理想情况下,我希望有更多的深度;即选择一项运动>选择一支球队>选择一名球员;但我应该能够通过第一个过滤的选择选项来解决它。

谢谢!

0 投票
1 回答
59 浏览

javascript - Div 类等效于 Angular-Formly

我们最近发现了 AngularFormly。这似乎是减少表单创建时间和表单通常附带的令人麻木的维护的好方法。

我一直在做一些研究,如果以下可能的话,我找不到一个很好的例子......

假设我目前有一个表单,其中每个标签/输入字段都包含在div一个特定类中。此类处理页面上的所有格式/对齐/等。该类是我们公司标准布局的一部分,因此必须使用。

有没有办法fields为 Formly 的数组中的每个项目包含这样的内容?

Div 示例(我想重新创建form__section类):

0 投票
1 回答
243 浏览

angular-formly - 将模型属性设置为基于但不等于角度形式的输入的值

我试图弄清楚如何解析表单条目以将模型属性设置为其他内容;例如,从 URL 输入中提取 youtube 视频的视频 ID。有没有办法使用解析器/格式化程序(6.21 功能?)轻松完成此任务?我希望为此找到一个很好的例子,也许某处有一个,但如果没有的话,这可能会成为一个很好的例子。

这是我正在尝试完成的工作示例,但在多个步骤中且不使用解析器。任何帮助调整代码以model.videoID通过单个步骤(或至少少于 3 个步骤)从 URL 设置的帮助将不胜感激。感谢您对这个问题和我过去的其他问题的帮助。:)

0 投票
1 回答
764 浏览

angularjs - Angular Formly:根据验证向表单字段添加类

我想formly-field根据我的问题是有效还是无效来添加特定的类。我的问题是收音机组。我正在使用Angular-Formly

Plunker:http ://plnkr.co/edit/7qORbV2M5MHBG1H3nSaH

我的表单结构是通过 JSON 输入的,所以我可能应该为问题创建一个模板,并在该模板中根据问题是无效还是有效来设置类......只是不确定如何。

谢谢你的帮助!

0 投票
2 回答
679 浏览

angularjs - 使用 Angular-Formly 的多状态表单

我不知道如何做一个多态表格。主要问题是表单。$errors 似乎查看的是活动状态而不是整个表单。换句话说,提交按钮应该在整个表单的所有必填问题都得到回答之前被禁用,但是当所有必填问题都被回答为活动状态时,它似乎会被启用。

这是一个简化的 Plunker:http ://plnkr.co/edit/O49eO4uRlUjoWHlxV6Li?p=preview

下面是我的实际代码。

看法:

路线:

itemNewCtrl:

0 投票
0 回答
1346 浏览

angularjs - Angular Material 模态的正式问题

我想使用角度材质在模态中显示表单,但只是忽略了控制器。

在模态之外,它运行正常,只有模态给出这个问题..

我做错了什么?

有什么想法吗?

模态模板:

解决:

0 投票
1 回答
830 浏览

angularjs - 如何编写模板来设置 ng-tags-input 的自动补全源?

我正在尝试编写一个自定义的正式模板来使用 ng-tags-input:

其中to.tags指的是formly模板的templateOptions:

在这种情况下使用双括号会导致 $parse 错误。如何source从 的内容中间接填充该属性to.tags

我也试过ng-attr-source='to.tags'了,没有运气。

我怀疑我只是没有想到一些明显的事情。如果简单和明智,请包括相关参考资料。

0 投票
1 回答
127 浏览

angularjs - 当我重新分配对象时,角度形式使用的模型对象不会改变

我使用 formly 来编辑我从服务器获取的一些对象。当我完成编辑时,我点击保存。当服务器响应新保存的对象时,我将这个新对象重新分配给我正式使用的模型对象。但是由于某种原因,这个新对象不会被正式使用。因为当我尝试再次编辑和保存对象时。旧对象被正式使用,而不是我分配给模型对象的新对象。

我有一个jsbin可以证明这一点。我通过只有 2 个不同的对象来模拟服务器响应不同的对象。当我提交我的更改时,我为我的模型对象分配了一个不同的对象。我希望在我提交时数据会更改为新模型。

0 投票
1 回答
356 浏览

angularjs - 两个 ng-repeat 相同

我是一个问题,在我看来,是非常复杂的。我想看看其他的想法。

用角度形式创建字段,这些相同的字段是由要处理的策略生成的,记录这些数据的问题,我是否需要重复两次,仍然没有找到不使用 2 次重复的出路,我的代码下面是一次失败的尝试:

重复:

如果有人有兴趣帮助我,我会从其余代码中获得更多详细信息。

我希望想法:)

更新,新的想法,没有成功..

问题是,我已经在我的资源字段中记录了动态创建字段。我没有得到的是在这些字段中记录数据。

  1. 创建资源中的一组字段。

  2. 这个字段组在另一个视图中被调用,一个策略是该字段是输入、文本区域还是复选框并呈现该字段。

  3. 保存时,这些字段具有相同的视图,资源中的其他条目已经使用您在字段中输入的数据创建。

  4. 现在我的问题是,我无法在视图中显示记录的这些数据,因为我要重复检查资源中记录的字段。我需要再次重复来填充这些字段。

我设法解释,因为它很复杂。

我创建 Jsbin 寻求帮助:http ://jsbin.com/faquhizupo/1/edit?html,js,console,output

0 投票
0 回答
418 浏览

angular-formly - 角度形式的输入标签未显示

我对这套设备有一个令人沮丧的问题,type因为input我看不到标签。
如果我使用typeas ,它的工作正常select。这是我的代码:

不显示标签,但这样做:

任何帮助,将不胜感激 ?