@Knitesh Я пытался, но все еще не работает. Я также не уверен, правильно ли я сделал. Можете ли вы привести пример?
я есть форма, что его поля находятся внутри компонента. Теперь я хочу проверить поля. Проблема в том, что мои сообщения не отображаются. также шаблон не имеет никаких эффектов. Я пытался исправить это с помощью этогоПочта, но безуспешно.
У кого-нибудь есть идеи, как я могу показать свои сообщения?
index.html
<form name="dataForm">
<md-tabs>
<valid-data form-reference="dataForm"></valid-data>
</md-tabs>
<div>
<md-button type="submit" ng-click="vm.save()"> Save </md-button>
</div>
</form>
component.html
<md-tab label="Info Data">
<md-content class="md-margin">
<div layout-gt-sm="row">
<md-input-container class="md-block" flex-gt-sm>
<label>Name</label>
<input ng-model="vm.data.name" name="name" required
ng-minlength="10"
ng-maxlength="20"
pattern="{{validation.validateWord}}">
<div ng-messages="formReference.name.$error" ng-if="formReference.name.$touched">
<div ng-message="required">Name is required.</div>
<div ng-message="minlength">minLength Error msg.</div>
<div ng-message="maxlength">maxLength Error msg.</div>
<div ng-message="pattern">Invalid characters.</div>
</div>
</md-input-container>
</div>
</md-content>
</md-tab>
Этошаблон:
$rootScope.validation = {
'validateWord': '^\\w+(-\\w+)*component.controller.js
bindings: {
formReference: '<'
}
, // 0-9, a-z, A-Z, underscores + dashes
};
component.controller.js
bindings: {
formReference: '<'
}