Angular附加指令内的指令的html

Question

我正在尝试编写一个小指令，将动态验证标记和ngMessages附加到输入。但我无法将ng-message属性附加到div。

想法就是拥有这个，

<div validator validations="{json_data containing error messages}">
  <input name='fieldName'>
</div>

根据提供的JSON转到以下内容。

<div validator> 
  <input required="required"></input>
  <div ng-message="fieldName" ng-if="fieldName.$dirty>
    <p ng-message="required"> scope.message </p>
  </div>
</div>

我目前设法使用this答案的答案来获取ng-required。但我似乎无法使用相同的技术附加ng-message标签。应该采取哪些不同的方法来解决这个问题？

最终指令应该能够生成类似this Fiddle

的内容

当前版本可以在小提琴here中找到，该示例按预期工作，直到添加“范围”。但是只要添加“范围”，示例就会停止工作。

更新
我意识到这只在您添加本地范围时才会出现。使用全局范围并使用scope.$eval(attrs.message)

访问变量时，不会发生此错误