CakePHP 3 form validation message by AngularJS directive

appDirectives.js

var appDirectives = angular.module('appDirectives', []);

/**
* Add potential validation fields to form-control form elements (CakePHP 3 with Bootstrap)
*
* Requirement: $scope.errors contains option (validation) errors in default CakePHP 3 JSON response
*/
appDirectives.directive('formControl', function($compile) {
    return {
        restrict: 'C', //Match all elements with form-control class
        link: function(scope,element,attrs){

            //Get the model and fieldname (name.field)
            var elements = attrs.ngModel.split(".");

            //Create a placeholder for error(s)
            var template = "<span ng-repeat='(type, error) in errors." + elements[1] + "' class='help-block'><p class='text-danger'>{{error}}</p></span>";

            //Compile the template and append it to the parent of the form-control element
            element.parent().append($compile(template)(scope));
        }
    }
});

Expects (validation)errors in a $scope.errors variable.

Example is based on Bootstrap css class, change to whatever works for you.

Thanks, very useful!

Works like charm, thank you!

Any suggestions how to perhaps make this work well with ng-messages?