我有一个带输入字段的html。
<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>
error-messages.html如下所示。
<ng-message when="invalidName" class="message errorNopath" translate>Name is not valid</ng-message>
validateName指令如下,
(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);
}
}
}
})();
这里,当验证失败时,我看到错误消息,&#34;名称无效&#34;如error-message.html中所定义。
但是,我正在寻找带有一些动态文本的消息。
例如,名称 - 无效。这应该是一个链接。这个Some_Name来自数据库,它可以是不同输入的不同值。