AngularJS指令：单例视图方法？

Question

我需要实现自定义输入验证的指令。

此类指令预计会在页面上多次使用，但会提供一个包含所有当前问题摘要的可视元素，一个可视单例。

实施此类指令的最佳方法是什么 - 所有实例都将细节抽取到可视化中？

Answer 1

最好的方法是创建一个所有自定义验证器都会使用的ValidationErrorsService。他们只是将错误添加到其中，然后通过另一个指令或视图显示它们。

由于这些错误本质上是暂时的，因此服务也必须提供丢弃先前存在的错误的能力。

service.addError(errorKey, value);
service.clearError(errorkey);

同时确保您的指令使用隔离范围，因为您将在同一页面上使用多个，因此它们不会相互干扰。