优化AngularJS中的摘要循环

时间:2016-05-25 20:58:22

标签: javascript angularjs angular-material

我使用Angularjs + Angular材质。我创建了应用程序,我可以动态添加标签。每次用户点击列表项目(表格中的项目)时,它都会向他显示一个新标签,其中包含标签内容我将包含模板html列表(我在其中创建此模板列表) component angularjs 1.5)。我的问题是,当用户打开tabX时,我只希望角度摘要循环只针对此选项卡上的范围,而不是$ rootScope.digest(为了优化我的摘要循环),因为每个选项卡包含很多字段,我将有一个性能问题。

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

<tbody>
...
<tr ng-repeat="itemTravail in vm.listTravail" ng-click="vm.eltSelectionner(itemTravail)"  class="row-tab" >
...
</tr>

<md-tab ng-repeat="itemTabs in vm.tabs" >
    <content-page>
       <my-Comp1 onj="vm.object"></my-Comp1>
    </content-page>
</md-tab>


(function () {
    'use strict';

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

                                            console.log('caractPropoController>>>>>>> '+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); 



})();

0 个答案:

没有答案