Javascript 使用指令在另一个下显示错误消息。Angular.js

我正在对指令进行验证，强制用户选中该框。如果未标记该复选框，将显示一条错误消息。我的问题是消息转移到复选框的文本

style="margin-top:5px;color:red;"

我需要复选框末尾的验证消息。但我不希望它影响演示文稿或此消息高于其他元素

style="position: absolute;margin-top:5px;color:red;"

我需要在指令中这样做，我不想触摸控制器或模板。你怎么能做到

    app.directive('validate', function ($timeout) {

        return {
            restrict: 'AE',
            require: 'ngModel', 

            link: function (scope, element, attrs, ngModel) {
              if (!ngModel){
                return;          
              }
              ngModel.$setValidity('validation', false);

              scope.directive_function= function(){
                alert("directive function");
              }

              ngModel.$parsers.push(function(val){
                if(val==true){
                  ngModel.$setValidity('validation', true);
                  var elemento_eliminar=(angular.element((document.getElementById('errorchec' ))));
                  elemento_eliminar.remove();
                }else{
                 ngModel.$setValidity('validation', false);
                 var newDirective = angular.element('<div id="errorchec" class="span_wrong" style="margin-top:5px;color:red;">'+"must be required"+'</div>');
                 //style="position: absolute;margin-top:5px;color:red;"
                element.after(newDirective);
                }
              })
           }


        };
    });

app.directive（'validate'，函数（$timeout）{
返回{
限制：“AE”，
要求：'ngModel'，
链接：功能（范围、元素、属性、模型）{
如果（！ngModel）{
返回；
}
ngModel.$setValidity（'验证'，false）；
scope.directive_function=函数（）{
警报（“指令功能”）；
}
ngModel.$parsers.push（函数（val）{
如果（val==true）{
ngModel.$setValidity（‘验证’，真）；
var elemento_eliminar=（angular.element（（document.getElementById（'errorchec'））；
elemento_eliminar.remove（）；
}否则{
ngModel.$setValidity（'验证'，false）；
var newDirective=angular.element（“+”必须为“+”）；
//style=“位置：绝对；页边顶部：5px；颜色：红色；”
元素。之后（新指令）；
}
})
}
};
});

---

如果这是适合您的解决方案，它将起作用

style=“位置：绝对；顶部：5px；颜色：红色；