Я новичок в angular js. Я хочу показать ошибку формы в angular bootstrap popover в правой части элемента. Я попытался создать директиву, и я получил элемент, когда он меняет классы. Но я не знаю, как двигаться дальше.
(function(angular) {
'use strict';
var app=angular.module('formExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.master = {};
$scope.update = function(user) {
$scope.master = angular.copy(user);
};
$scope.reset = function(form) {
if (form) {
form.$setPristine();
form.$setUntouched();
}
$scope.user = angular.copy($scope.master);
};
$scope.reset();
}]);
app.directive("alert", function(){
return {
restrict: 'C',
priority: -1000,
link: function(scope, ele, attrs, ctrl){
scope.$watch(function() {console.log(ele.attr('class')); })
if (ctrl) {
console.log("applying custom behaviour to input: ", ele.attr('id'));
// ... awesomeness here
}
}
};
});
})(window.angular);
Я просто хочу показать сообщение об ошибке
-
, когда пользователь нажимает кнопку сохранения (все сообщения об ошибках формы) -
размытие элемента (только для элемента, который потерял фокус)
Вот мой plnkr, который я пытался получить.
Обновить
Как-то я отобразил кнопку angular bootstrap popover и close, которая закрывает popover.
У меня есть две проблемы в текущем plunker.
- Я хочу отобразить сообщение об ошибке внутри моего шаблона popover соответствующий элементу, где он открывается. мне нужно это шаблон, потому что мне нужна кнопка закрытия.
- Как только я закрыл popover, если поле пустое и пользователь нажимает отправить popover не открывается в следующий раз. Я хочу показать ошибку сообщение каждый раз при отправке.