Отображение счетчика символов в md-автозаполнении Angularjs

Question

Мне нужно добавить счетчик символов в мой элемент md-autocomplete, и когда пользователь введет больше, чем количество символов, которое разрешает, должно появиться сообщение.

Я пытался использовать md-input-maxlength="18" и ng-messages="vm.editConnectionForm.topicAutocomplete.$error", чтобы показать ошибку.но по какой-то причине он не показывает счетчик символов и сообщение.Кроме того, автозаполнение становится красным, когда пользователь использовал более 18 символов.

Кто-то может мне помочь, что я делаю не так?

прикрепил мой код:

<md-autocomplete class="topic-autocomplete"
                             md-items="property in vm.loadPositionsConnections()"
                             md-item-text="property"
                             md-search-text="vm.position.value"
                             md-min-length="0"
                             md-input-maxlength="18"
                             md-floating-label="{{'CONNECTIONS.PROPERTIES.POSITION.LABEL' | translate}}">
                <md-item-template>
                    <span>{{property}}</span>
                </md-item-template>
            </md-autocomplete>
            <div ng-messages="vm.editConnectionForm.topicAutocomplete.$error">
                <div ng-message="md-input-maxlength">{{'MILESTONE_DIRECTIVE.IS_REQUIRED' | translate}}</div>
            </div>