md-form-builder
Version:
AngularJS - Material Design - Form Builder
15 lines (13 loc) • 648 B
HTML
<md-input-container ng-class="{ 'md-input-invalid' : form[field.name].$invalid && form[field.name].$touched }">
<label>{{field.title}}</label>
<input
name="{{field.name}}"
ng-model="field.value"
ng-disabled="field.settings.disabled || globals.viewModeOnly"
ng-required="field.settings.required && !form.saveAsDraft.$modelValue && field.show"
regex-validation="field.settings.regexValidation" />
<div ng-messages="form[field.name].$error">
<div ng-message="required">This field is required</div>
<div ng-message="regexValidation">{{ field.settings.regexValidation.message }}</div>
</div>
</md-input-container>