我使用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);
})();