data-binding - AngularJS：如果元素具有 ngModel 和自定义指令，则两种方式数据绑定失败

Question

我做了两个指令来在 AngularJS 中设置自定义错误消息：

错误 -> 显示表单的错误消息

error-message -> 在输入上设置自定义错误消息

出于某种原因，每当我将error-message指令添加到元素时，ng-model 绑定不再有效（但验证有效）。

见这里http://jsfiddle.net/apohl/A8Vgk/111/

请帮忙 ：）

Answer 1

问题是您的errorMessage指令使用了隔离范围。隔离范围会影响整个元素，因此该ngModel指令在隔离范围内进行评估 - 这显然无法正常工作 - 模型位于父范围内。

我不确定您为什么在这里建立隔离范围。由于您正在尝试创建一个必须与其他指令交互的组件，因此隔离范围不是最佳选择。由于errorMessage不影响当前范围，您可能不需要任何已定义的范围，但如果您愿意，可以使用子范围。

查看此处以了解有关何时在指令上使用每种类型的范围的更多信息。