Fixed remaining intro.js callbacks to pass targetElement

mendhak · mendhak · commit aeb6da1be532 · 2014-06-28T23:05:12.000+01:00
diff --git a/build/angular-intro.min.js b/build/angular-intro.min.js
diff --git a/example/app.js b/example/app.js
@@ -10,17 +10,19 @@ app.controller('MyController', function ($scope) {
         console.log("Exit Event called");
     };
 
-    $scope.ChangeEvent = function () {
+    $scope.ChangeEvent = function (targetElement) {
         console.log("Change Event called");
+        console.log(targetElement);
     };
 
     $scope.BeforeChangeEvent = function (targetElement) {
         console.log("Before Change Event called");
         console.log(targetElement);
     };
 
-    $scope.AfterChangeEvent = function () {
+    $scope.AfterChangeEvent = function (targetElement) {
         console.log("After Change Event called");
+        console.log(targetElement);
     };
 
     $scope.IntroOptions = {
diff --git a/example/index.html b/example/index.html
@@ -18,9 +18,9 @@
 	<body>
 		<div class="container-narrow" ng-controller="MyController"
 		     ng-intro-options="IntroOptions" ng-intro-method="CallMe"
-		     ng-intro-oncomplete="CompletedEvent()" ng-intro-onexit="ExitEvent()"
-		     ng-intro-onchange="ChangeEvent()" ng-intro-onbeforechange="BeforeChangeEvent"
-		     ng-intro-onafterchange="AfterChangeEvent()"
+		     ng-intro-oncomplete="CompletedEvent" ng-intro-onexit="ExitEvent"
+		     ng-intro-onchange="ChangeEvent" ng-intro-onbeforechange="BeforeChangeEvent"
+		     ng-intro-onafterchange="AfterChangeEvent"
 		     ng-intro-autostart="false">
 
 		    <div class="masthead">
diff --git a/src/angular-intro.js b/src/angular-intro.js
@@ -8,11 +8,11 @@ ngIntroDirective.directive('ngIntroOptions', ['$timeout', function ($timeout) {
         scope: {
             ngIntroMethod: "=",
             ngIntroOptions: '=',
-            ngIntroOncomplete: '&',
-            ngIntroOnexit: '&',
-            ngIntroOnchange: '&',
+            ngIntroOncomplete: '=',
+            ngIntroOnexit: '=',
+            ngIntroOnchange: '=',
             ngIntroOnbeforechange: '=',
-            ngIntroOnafterchange: '&',
+            ngIntroOnafterchange: '=',
             ngIntroAutostart: '@'
         },
         link: function(scope, element, attrs) {
@@ -38,21 +38,23 @@ ngIntroDirective.directive('ngIntroOptions', ['$timeout', function ($timeout) {
                 }
 
                 if(scope.ngIntroOnchange) {
-                    intro.onchange(scope.ngIntroOnchange);
+                    intro.onchange(function(targetElement){
+                       $timeout(function() { scope.ngIntroOnchange(targetElement)});
+                    });
                 }
 
                 if(scope.ngIntroOnbeforechange) {
-
                     intro.onbeforechange(function(targetElement) {
                         $timeout(function() {
-                            scope.$apply( scope.ngIntroOnbeforechange(targetElement) );
+                             scope.ngIntroOnbeforechange(targetElement) ;
                         }, 0);
                     });
-
                 }
 
                  if(scope.ngIntroOnafterchange) {
-                     intro.onafterchange(scope.ngIntroOnafterchange);
+                     intro.onafterchange(function(targetElement){
+                        $timeout(function() { scope.ngIntroOnafterchange(targetElement); });
+                     });
                 }
 
                 if(typeof(step) === 'number') {
