Angularjs Angular JS-消息中具有动态值的表单验证
我有一个带有输入字段的htmlAngularjs Angular JS-消息中具有动态值的表单验证,angularjs,Angularjs,我有一个带有输入字段的html <div class="row"> <div class="medium-8 columns" ng-class="{'error': form.name.$invalid && form.name.$touched}"> <input floating-label
<div class="row">
<div class="medium-8 columns" ng-class="{'error': form.name.$invalid && form.name.$touched}">
<input floating-label
name="name"
type="text"
placeholder="Your name"
ng-model="name"
ng-minlength="5"
ng-maxlength="25"
validateName
required>
<ng-messages for="form.name.$error" ng-if="form.name.$touched" class="cs-input__messages" role="alert">
<div ng-messages-include="partial/error-messages.html"></div>
</ng-messages>
</div>
在这里,当验证失败时,我会看到错误消息“Name is not valid”,如error-message.html中定义的那样
但是,我正在寻找一条包含一些动态文本的消息
例如,Name-无效。这里应该有一个链接。这个名称来自数据库,对于不同的输入,它可以是不同的值
<ng-message when="invalidName" class="message errorNopath" translate>Name is not valid</ng-message>
(function () {
'use strict';
angular
.module('app.validateName', [])
.directive('validateName', validateName);
/* @ngInject */
function validateName($stateParams) {
return {
restrict: 'A',
require: 'ngModel',
link: function ($scope, $element, $attrs, ctrl) {
function customValidator(ngModelValue) {
if(some condition)
ctrl.$setValidity('invalidName', false);
} else {
ctrl.$setValidity('invalidName', true);
}
}
return ngModelValue;
}
ctrl.$parsers.push(customValidator);
}
}
}
})();