fix(tabs): re-added md-on-select and md-on-deselect events to `md…

…-tab` directive
angular · Apr 3, 2015 · c84899d · c84899d
1 parent d47b03a
commit c84899d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/tabs/js/tabDirective.js b/src/components/tabs/js/tabDirective.js
@@ -61,7 +61,9 @@
       scope: {
         label:    '@',
         active:   '=?mdActive',
-        disabled: '=?ngDisabled'
+        disabled: '=?ngDisabled',
+        select:   '&?mdOnSelect',
+        deselect: '&?mdOnDeselect'
       },
       link: link
     };
@@ -70,11 +72,11 @@
       var tabs = element.parent()[0].getElementsByTagName('md-tab'),
           index = Array.prototype.indexOf.call(tabs, element[0]),
           data = ctrl.insertTab({
-            scope: scope,
-            parent: scope.$parent,
-            index: index,
+            scope:    scope,
+            parent:   scope.$parent,
+            index:    index,
             template: getTemplate(),
-            label: getLabel()
+            label:    getLabel()
           }, index);
 
       scope.$watch('active', function (active) { if (active) ctrl.select(data.getIndex()); });

diff --git a/src/components/tabs/js/tabsController.js b/src/components/tabs/js/tabsController.js
@@ -173,6 +173,8 @@
       updateInkBarStyles();
       updateHeightFromContent();
       $scope.$broadcast('$mdTabsChanged');
+      ctrl.tabs[oldValue] && ctrl.tabs[oldValue].scope.deselect();
+      ctrl.tabs[newValue].scope.select();
     }
 
     function handleResizeWhenVisible () {