Angular JS - 在消息

时间:2016-07-27 07:00:03

标签: angularjs

我有一个带输入字段的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来自数据库,它可以是不同输入的不同值。

0 个答案:

没有答案