directive wrapper example

jquery directive example.js

angular.module('angularDomEdit', []).directive('domEdit', function(){
	return {
		restrict: 'A',
		scope: {
			mouseOver: '&domEditMouseOver',
			itemSelect: '&domEditItemSelect',
			close: '&domEditClose',
			elementClick: '&domEditElementClick',
			overlayClick: '&domEditOverlayClick',
			resize: '&domEditResize',
			resizeStop: '&domEditResizeStop',
			move: '&domEditMove',
			moveStop: '&domEditMoveStop',
			hoverIgnore: '@domEditHoverIgnore',
			clickIgnore: '@domEditClickIgnore'
		},
		link: function (scope, elem, attrs) {
			console.log(scope.hoverIgnore);
			scope.domEditContainer = elem.domEdit({
				hoverIgnore: scope.hoverIgnore,
				clickIgnore: scope.clickIgnore,
				callbacks: {
					mouseOver: scope.mouseOver,
					elementClick: function(overlay, e){
						// 'this' should be the jquery element.. but it's NOT, it's $scope
						scope.elementClick.call(this, overlay, e);
					}
				}
			});
		}
	};
});