javascript - AngularJS ng-fab-form 的服务器错误

Question

我在 AngularJS 端和服务端使用验证(例如，用于重复值检查)，并希望向用户公开这些错误。没有ng-fab-form我能够构建自定义服务器错误指令并像这样使用它:

<input type="number" id="level" name="level" ng-model="vm.record.level"
  server-error
  required>
<div ng-messages="vm.form.role_level.$error">
  <p ng-message="server">{{ vm.errors.level }}</p>
</div>

但是该库的目标是消除这种重复。正如您所看到的，当保存/更新模型失败时，我使用 Controller as 语法并将错误分配给每个字段:

angular.forEach(result.data.errors, function (errors, field) {
  vm.form[field].$setValidity('server', false);
  vm.errors[field] = errors.join(', ');
});

我定制了validation template但是，为了显示服务器错误消息，我无法显示动态错误文本。我认为问题与范围继承有关。有什么想法如何才能达到预期的效果吗？

Answer 1

我刚刚找到了一种方法:

添加自定义属性，以保存服务器错误消息值并观察其中的错误。

<input type="number" id="level" name="level" ng-model="vm.record.level"
  validation="{{ vm.errors.level }}
  server-error
  required>

在验证模板中显示属性值。

<li ng-message="server">{{ attrs.validation }}</li>