Optimize digest loop in AngularJS
<p>I use Angularjs + Angular material. I create application where I'll able to add tabs dynamically. Each time the user click on the item of an list (item from table) it will show him a new tab with content where the tab-content I'll include a list of template html (I create this list of template inside a component angularjs 1.5). My problem is, when the user open tabX I want that angular digest loop only for the scope on this tab and not $rootScope.digest (in order to optomize my digest loop) because Each tab contain a lot of fields and I will have a problem of performence.</p>

<pre><code>&lt;md-tabs md-dynamic-height&gt;
   &lt;md-tab md-on-select="vm.tabChanger(0)"&gt;
      home
    &lt;/md-tab-label&gt;
&lt;/md-tabs md-dynamic-height&gt;
&lt;md-tab-body class="md-marging"&gt;
&lt;/md-tab-body&gt;

&lt;tbody&gt;
...
&lt;tr ng-repeat="itemTravail in vm.listTravail" ng-click="vm.eltSelectionner(itemTravail)"  class="row-tab" &gt;
...
&lt;/tr&gt;

&lt;md-tab ng-repeat="itemTabs in vm.tabs" &gt;
    &lt;content-page&gt;
       &lt;my-Comp1 onj="vm.object"&gt;&lt;/my-Comp1&gt;
    &lt;/content-page&gt;
&lt;/md-tab&gt;


(function () {
    'use strict';

    var optionsCaractPropo = {
                        bindings: {
                            onj: '&lt;'
                           //itemSelectionner: '=',
                           // myBinding: '@'
                            //functionBinding: '&amp;'
                        },
                        controller: function($scope,$rootScope){
                                            var vm = this;

                                            console.log('caractPropoController&gt;&gt;&gt;&gt;&gt;&gt;&gt; '+JSON.stringify(vm.onj));

                                            console.log('Outside');
                                            vm.$onInit = function () {
                                                    console.log('Inside');

                                                  }; 
                                              if(!$rootScope.$$phase) {
                                                  $scope.$digest();                              
                                               }

                                              },
                        controllerAs : 'vm',                                              
                        templateUrl: './contentComponents/prepare/views/myComp1.html'       
                 };

    angular.module('prepare')
           .component('myComp1', optionsCaractPropo); 



})();
</code></pre>