question / request for dynamic ng-messages error

[chiefjester]

I've been reading ng-messages api, and it seems very powerful. However I just want to ask if its possible to have the error message being dynamic.

Instead of:

<script type="text/ng-template" id="error-messages">
<div ng-message="required">This field is required</div>
<div ng-message="minlength">This field is too short</div>
</script>
<div ng-messages="myForm.myField.$error" ng-messages-include="error-messages"></div>

Is this possible?

<script type="text/ng-template" id="error-messages">
<div ng-message="required">This {{ $parent.field_name }} is required</div>
<div ng-message="minlength">This  {{ $parent.placeholder_perhaps }}  is too short</div>
</script>
<div ng-messages="myForm.myField.$error" ng-messages-include="error-messages"></div>

I believe doing it like this will make our code more DRY.

[Narretz]

Well, why don't you try it?

[chiefjester]

any hints on how to traverse / get the field name of the enclosing scope?

[Narretz]

$name is set on the ngModelController, so you can get it like myForm.myField.$name.

It's apparently not documented. :(

[chiefjester]

@Narretz, if I use it as a template, and use ng-message-include, how can I access the name of the field, (basically) not knowing the actual field?

<script type="text/ng-template" id="error-messages">
  <div ng-message="required">
    This {{ myForm.__what-to-place-here__.$name  }} is required
  </div>
</script>

[JeroMiya]

ngModelController.$name is not what you would typically show in an error message. Rather, you would use the label.

Other use cases:
ngMinlength, ngMaxLength: could (or do?) these directives save the min and max length somewhere on the ngModel controller (maybe the validator itself, at link time?), so that the ngMessage error can use them, e.g. "This value is less than the minimum length of {{parentForm[fieldId].$validators.minlength.value}}."