From 0c4171e7bbd762092aaefd222b8cddefd1bb1a55 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Sun, 17 Apr 2016 00:52:51 -0500
Subject: [PATCH] feat(changeDetection): detach Tabs when not active

---
 ionic/components/tabs/tab.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/ionic/components/tabs/tab.ts b/ionic/components/tabs/tab.ts
index 40227f212a..10873878a8 100644
--- a/ionic/components/tabs/tab.ts
+++ b/ionic/components/tabs/tab.ts
@@ -1,4 +1,4 @@
-import {Component, Directive, Host, Inject, forwardRef, ElementRef, Compiler, AppViewManager, NgZone, Renderer, Type, ViewEncapsulation} from 'angular2/core';
+import {Component, Directive, Host, Inject, forwardRef, ElementRef, Compiler, AppViewManager, NgZone, Renderer, Type, ViewEncapsulation, ChangeDetectorRef} from 'angular2/core';
 import {EventEmitter, Input, Output} from 'angular2/core';
 
 import {IonicApp} from '../app/app';
@@ -216,7 +216,8 @@ export class Tab extends NavController {
     compiler: Compiler,
     viewManager: AppViewManager,
     zone: NgZone,
-    renderer: Renderer
+    renderer: Renderer,
+    private _cd: ChangeDetectorRef
   ) {
     // A Tab is a NavController for its child pages
     super(parentTabs, app, config, keyboard, elementRef, 'contents', compiler, viewManager, zone, renderer);
@@ -296,6 +297,16 @@ export class Tab extends NavController {
    */
   setSelected(isSelected: boolean) {
     this.isSelected = isSelected;
+
+    if (isSelected) {
+      // this is the selected tab, detect changes
+      this._cd.reattach();
+
+    } else {
+      // this tab is not selected, do not detect changes
+      this._cd.detach();
+    }
+
     this.hideNavbars(!isSelected);
   }