Browse By

preventDefault AngularJS directive

Υπαρχουν φορες που θελουμε ενα κουμπακι ή ενα hyperlink να μην εχουν την default συμπεριφορα. Ας πουμε το hyperlink να μην μας στελνει καπου ή ενα button να μην κανει submit. Αν θελησουμε λοιπον σταματησουμε τη default συμπεριφορα χρησιμοποιωντας AngularJS ο πιο απλος τροπος ειναι δημιουργωντας ενα directive οπως αυτο παρακατω:

module.directive('prvDfl', function() {
	return function(scope, element, attrs) {
		$(element).click(function(e) {
			e.preventDefault();
		});
	};
});

Και μετα στο html tag μας προσθετουμε το attribute prv-dfl.

<button id="btn1" prv-dflt="" value="Do this" />

 

Leave a Reply

Your email address will not be published. Required fields are marked *