Javascript 如何在AngularJS 1.x组件中验证表单
我有一个表单,它的字段在组件内部。现在我想验证这些字段。问题是,我的消息没有显示。而且这种模式没有任何效果。我试图用这个来修复它,但没有成功 有人知道我如何显示我的信息吗 index.htmlJavascript 如何在AngularJS 1.x组件中验证表单,javascript,angularjs,angularjs-components,angularjs-bindings,Javascript,Angularjs,Angularjs Components,Angularjs Bindings,我有一个表单,它的字段在组件内部。现在我想验证这些字段。问题是,我的消息没有显示。而且这种模式没有任何效果。我试图用这个来修复它,但没有成功 有人知道我如何显示我的信息吗 index.html <form name="dataForm"> <md-tabs> <valid-data form-reference="dataForm"></valid-data> </md-tabs> <di
<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>
<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>
component.controller.js
bindings: {
formReference: '<'
}
绑定:{
formReference:'我认为您应该使用ng模式=“{validation.validateWord}”这并不是那么直截了当。问题是ng消息无法识别表单的名称。它不会显示任何消息,而不仅仅是模式。如果无法访问父组件,则必须在子组件中添加require,如require:{formReference:'^dataFormComponent'},@Knitesh我已经试过了,但仍然不起作用。我也不确定是否正确。你能举个例子吗?
bindings: {
formReference: '<'
}