Angular-Messages иногда не отображаются при использовании с Angular-Material

Я использую Angular-Messages с Angular-Material v1.0.9. У меня есть md-dialog, внутри которого есть форма с полями, созданными с помощью ng-repeat:

<form name="modal.dynamicForm" flex="80" layout="column">
    <md-input-container ng-repeat="field in modal.model.fields">
        <ng-form name="innerForm">
            <label>{{ field.label }}*</label>
            <input type="text" ng-model="field.value" name="{{ field.name }}" ng-pattern="field.pattern" required />
            <div ng-messages="innerForm[field.name].$error">
                <div ng-message="required">{{ 'fieldRequired' | translate }}</div>
                <div ng-message="pattern">{{ field.patternError }}</div>
            </div>
        </ng-form>
    </md-input-container>
</form>

Angular-Messages используются для отображения ошибок формы. Проблема в том, что когда я использую сообщения required и pattern, они иногда отображаются, а иногда нет. Он работал правильно, когда не было проверки регулярных выражений. Сценарий, например:

1. У меня есть поле, которое должно быть числом. Я ввожу неправильное значение, например. отображается текстовое сообщение об ошибке.
2. Я удаляю значение из поля, чтобы оно было пустым. Теперь ошибка required должна отображаться, но ее нет. Однако есть красная рамка, информирующая об ошибке.
3. Теперь я ввожу правильное значение, например. 10 - ожидаемого сообщения нет.
4. Опять ввожу неверное значение - теперь отображается ошибка.

Приведенный выше сценарий можно повторить, и он всегда верен — мне нужно ввести правильное значение, прежде чем ошибка снова отобразится.

Я нашел один обходной путь: добавить md-auto-hide в контейнер с ng-messages, но теперь ошибки отображаются даже сразу после открытия модального окна, а это не то, что мне нужно. Кто-нибудь сталкивался с подобной проблемой и нашел какое-то решение? Буду признателен за любую помощь.

Изменить

Я создал скрипку, которая представляет проблему.

https://jsfiddle.net/t3xjrL19/2/