问题标签 [angular-formly]

如何在归档时触发错误？假设我们得到的表单由姓名、电子邮件、密码组成。我们在服务器端检查电子邮件的唯一性，服务器发送像 { email: ['already take', 'another error' ] 等对象。我怎样才能进入表单并触发字段上的那些？

我有下一个代码，我想在值等于“abc”时更改类，但我不能添加一些类：

现在，我很清楚改变已经完成，但我什至不能添加一个简单的类：

请帮助我，如果他们可以在 jsbin、codepen 中添加一个示例...谢谢

我有一个 ui-select 字段

如何在单元测试中访问该内部控制器并检查选择字段的数据加载是否有效？

更新： 测试的一个例子可能是这样的：

然后测试用例如下所示：

在我的应用程序中，我在其他相同的表单上设置了动态字段集。我可以从服务器加载它们作为 javascript 包括并且工作正常。

但是，能够从单独的 API 加载它们会更好。

$.getJSON() 提供了一种加载 json 的好方法，但我还没有找到合适的位置来执行此操作。显然，它需要在编译步骤开始之前完成。

我看到正式有一个 fieldTransform 设施。这可以用来将 vm.fields 从一个空对象转换为来自 API 的任何内容吗？

如果是这样，我会怎么做？

谢谢。保罗

如标题中所述，模态未显示。表单的内容是通过formly加载的，模板的内容似乎也加载了，但它只显示模态非常薄，有覆盖而不是内容。

我有一个主控制器，其中有：

我的html是这样的：

我的表单控制器是这样的：

结果是这样的：

后期编辑：

为了消除其他疑问，这里是演示中的代码：

});

链接：angular-formly.com/#/example/integrations/ui-bootstrap-modal

稍后，稍后编辑：

Plunker：http ://plnkr.co/edit/8wgL4t2oXsFFeLBKGGW8?p=preview

文件夹结构：

我的 popupAddCarForm.html 位于模板目录中，但正如您在 plunker 中看到的那样，它不会呈现我加载的内容，即使在同一目录中，尽管是一个单独的模板文件。

我想将“}”（花括号）附加到 user 给出的模型 property_name 。

例如：如果用户键入“star”，则“star }”将转到后端。

在阅读了很多帖子后，我决定这应该可行：

.. 在 vm.fields 中：

在实践中，这没有任何效果，即我的函数没有被调用。生成的表单也不包含对我的函数的引用。

我找不到如何做到这一点的工作示例。有什么建议么？

谢谢。保罗

希望这将是一个更通用的 Angular JS 问题，而不是特定于 Angular Formly 的问题。

我一直在遵循此处提供的框架，以在有角度的形式上构建错误摘要。一切正常......但是！

在示例中，他们的模型如下：

然后，如果我们查看 HTML，我们可以看到这些字段被传递到错误摘要中，如下所示：

对于简单的表单结构，这可以正常工作，但是，如果您想使用 Bootstrap 布局，如此处所述，那么您的模型最终会看起来像我的模型：

现在，当我们将 vm.rentalFields 传递给错误摘要时，它不是访问字段，而是验证每个对象。我可以通过执行以下操作来解决此问题：

这当然不是理想的，因为在其他字段组中会有我想要验证的字段，以证明这个问题，虽然现在很好。我试过只传入'vm.rentalFields.fieldGroup'，但正如我所怀疑的那样，它什么也没返回。

那么，有没有一种方法可以递归地传入 vm.rentalField 对象中的所有 fieldGroups，或者这是我应该在指令本身的代码中处理的东西。

编辑

好的，所以，在听取了下面 Ken 的建议后，我已经能够修改我的 formlyErrorSummary 指令，以便它现在至少能够获取模型的错误。这有很多问题，因为 $scope.$watch 正在进行深度比较，甚至在第一页加载时，整个事情都被触发了 3 次！我已经添加了一些基本的转义来尝试解决这个问题，现在至少我有错误，我遇到的下一个问题是在我调用的 HTML 中，ng-repeat="field in vm.fields"这实际上是同一个问题，所以我将如何解决这个问题? 我的一部分是在考虑一些匿名对象，它会保存字段消息以及是否有效，然后在 HTML 中解析它，但我不确定这种思维方式是否适用于 Angular？

解决方案 - 可能

经过多次修改后，我想我终于有了这个工作，因此错误消息现在同时显示在内联和顶部的摘要中。

我的最终指令函数现在每次运行时都会创建一个数组，该数组将保存所有错误消息，它必须被刷新，$watch否则当字段有效时，错误消息将保留在数组中，所以我们只需重建整个每次的事情......鉴于我已经在这里使用了深层手表，我希望任何性能影响都可以忽略不计。

然后，在指令模板中，我不得不删除vm.fields引用，因为这显然不适用于这种方法。由于我知道只有在表单无效时才会显示此摘要，因此我可以删除正在执行的其他检查，并最终以以下 HTML 结束：

我仍然对此不是 100% 满意，它完成了工作，但我不确定这是否是“角度”的方式，而且我$scope.$watch在字段对象上使用的事实有点烦人我的开发人员强迫症，但解决方案都是一样的。

如果有人对此有任何改进或改进建议，请告诉我，仍然可以掌握 Angular，但这是一次非常有趣的学习体验！

使用 angular-formly，我正在尝试构建一个表单，如果在字段 json 中删除了标签，则在呈现的 html 中没有为该标签提供填充或间距。

这是实际表单和我的“所需”表单的示例： JS Bin

options.data.fieldToMatch

大家好，请多多包涵，因为这是我在 StackOverflow 上的第一篇文章。多年来，我一直是匿名用户，并且总是通过搜索找到我的问题的答案。然而，这一点让我有点困惑。

我在使用 angular 1.4 将 angular-upload 与 angular-formly 集成时遇到问题。选择文件时，表单模型未更新。

我在http://jsbin.com/cozanowure/edit?js有一个关于 jsbin 的代码示例，在http://plnkr.co/edit/aDi8breDPFFGrNdzh2i4?p=preview有一个关于 plunkr的相同代码

以下是上面提供的 2 个链接的相同代码：

Javascript：

html:

任何有关为什么模型没有使用所选文件更新的帮助和指导将不胜感激。

在此先感谢，迈克尔