এখানে এনজি-বার্তা (কৌনিক 1.3 এ উপলব্ধ) এবং একটি কাস্টম নির্দেশ ব্যবহার করে একটি উদাহরণ দেওয়া হয়েছে।
বৈধতা বার্তাটি প্রথমবারের জন্য ঝাপটায় প্রদর্শিত হবে যখন ব্যবহারকারীরা ইনপুট ক্ষেত্রটি ছেড়ে যায়, কিন্তু যখন সে মানটি সংশোধন করে, বৈধতা বার্তাটি তত্ক্ষণাত সরিয়ে ফেলা হয় (আর অস্পষ্ট নয়)।
জাভাস্ক্রিপ্ট
myApp.directive("validateOnBlur", [function() {
var ddo = {
restrict: "A",
require: "ngModel",
scope: {},
link: function(scope, element, attrs, modelCtrl) {
element.on('blur', function () {
modelCtrl.$showValidationMessage = modelCtrl.$dirty;
scope.$apply();
});
}
};
return ddo;
}]);
এইচটিএমএল
<form name="person">
<input type="text" ng-model="item.firstName" name="firstName"
ng-minlength="3" ng-maxlength="20" validate-on-blur required />
<div ng-show="person.firstName.$showValidationMessage" ng-messages="person.firstName.$error">
<span ng-message="required">name is required</span>
<span ng-message="minlength">name is too short</span>
<span ng-message="maxlength">name is too long</span>
</div>
</form>
পুনশ্চ. আপনার মডিউলে ngMessages ডাউনলোড এবং অন্তর্ভুক্ত করতে ভুলবেন না:
var myApp = angular.module('myApp', ['ngMessages']);