ExpressJs Validation AngularJS Directive Example

Express Vaidation Directive

/**
 * Created by maximilianalexander on 8/15/14.
 */
angular.module('app').directive('validationMessage', function(){
    return {
        restrict: 'E',
        templateUrl: 'client/partials/validation-message.html',
        scope: {
            errorModels: "=",
            errorKey: "@"
        },
        link: function(scope, element, attrs){

            scope.$watchGroup(['errorModels', 'errorKey'], function(newValues, oldValues, scope){
                var models = newValues[0];
                var key = newValues[1];

                if(!models || !key){
                    return;
                }

                var specificModel = models[key];
                var formGroup = element.closest('.form-group');
                if(specificModel){
                    scope.message = specificModel.msg;
                    formGroup.addClass('has-error');
                }else{
                    formGroup.removeClass('has-error');
                }
            });
        }
    }
});

Template Url

<span class="help-block" ng-show="message"><i class="fa fa-times"></i> {{message}}</span>