angularjs: validar entradas creadas dinámicamente desde un componente

Ya leí muchas preguntas en stackoverflow, pero nada me funciona, estoy tratando de validar una entrada que se crea dinámicamente con ng-repeat y está dentro de un componente. Este es mi código, la entrada no es válida cuando supero la longitud máxima pero no aparece el mensaje de error.

<md-card ng-repeat="formfield in aaaaCtrl.formData.dynamicFields">
        <md-card-title flex>
            <md-card-content layout="column" layout-gt-sm="row" flex>
                <md-card-title-text flex="none" flex-gt-sm="30">
                    <md-input-container class="md-block">
                        <label for=titre{{$index}}>Titre</label>
                        <input ng-model="formfield.titre" name="titre{{$index}}" type="text" md-maxlength="50"
                            ng-disabled="formfield.titreParDefaut.titreBloque===true" style="font-weight:bold;" required>
                        <div ng-messages="aaaaForm['titre' + $index].$error">
                            <div ng-messages-include=app/aaa/messages/messages.html></div>
                        </div>
                    </md-input-container>
                </md-card-title-text>
            </md-card-content>
        </md-card-title>
    </md-card>

Los mensajes están centralizados en el archivo mensajes.html y ya funciona en las entradas normales, el aaaaForm es el nombre del formulario.

Answer