Angular 2/4/5/6 application performance issue after implementing change detection











up vote
1
down vote

favorite
2












I have angular6 application, I implemented Change detection in one component using getter,setter methods as like below



constructor(private _cde: ChangeDetectorRef){
this._cde.detach();
}
get assetBreakdownTemplates() {
return this._assetBreakdownTemplates;
}
set assetBreakdownTemplates(value) {
this._assetBreakdownTemplates = value;
this.DetectChanges();
}

DetectChanges() {
this._cde.detectChanges();
}


The issue is due this change detection when i click on any drop down's,popup's in the page, these are responding late because change detector running inside
can some one help on this.










share|improve this question
























  • The change detection system propagates bindings from the root to leaves.
    – Sreehari Ballampalli
    Nov 8 at 9:57















up vote
1
down vote

favorite
2












I have angular6 application, I implemented Change detection in one component using getter,setter methods as like below



constructor(private _cde: ChangeDetectorRef){
this._cde.detach();
}
get assetBreakdownTemplates() {
return this._assetBreakdownTemplates;
}
set assetBreakdownTemplates(value) {
this._assetBreakdownTemplates = value;
this.DetectChanges();
}

DetectChanges() {
this._cde.detectChanges();
}


The issue is due this change detection when i click on any drop down's,popup's in the page, these are responding late because change detector running inside
can some one help on this.










share|improve this question
























  • The change detection system propagates bindings from the root to leaves.
    – Sreehari Ballampalli
    Nov 8 at 9:57













up vote
1
down vote

favorite
2









up vote
1
down vote

favorite
2






2





I have angular6 application, I implemented Change detection in one component using getter,setter methods as like below



constructor(private _cde: ChangeDetectorRef){
this._cde.detach();
}
get assetBreakdownTemplates() {
return this._assetBreakdownTemplates;
}
set assetBreakdownTemplates(value) {
this._assetBreakdownTemplates = value;
this.DetectChanges();
}

DetectChanges() {
this._cde.detectChanges();
}


The issue is due this change detection when i click on any drop down's,popup's in the page, these are responding late because change detector running inside
can some one help on this.










share|improve this question















I have angular6 application, I implemented Change detection in one component using getter,setter methods as like below



constructor(private _cde: ChangeDetectorRef){
this._cde.detach();
}
get assetBreakdownTemplates() {
return this._assetBreakdownTemplates;
}
set assetBreakdownTemplates(value) {
this._assetBreakdownTemplates = value;
this.DetectChanges();
}

DetectChanges() {
this._cde.detectChanges();
}


The issue is due this change detection when i click on any drop down's,popup's in the page, these are responding late because change detector running inside
can some one help on this.







angular performance angular5 angular6 detect






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 2 days ago

























asked Nov 8 at 8:47









Sreehari Ballampalli

3871215




3871215












  • The change detection system propagates bindings from the root to leaves.
    – Sreehari Ballampalli
    Nov 8 at 9:57


















  • The change detection system propagates bindings from the root to leaves.
    – Sreehari Ballampalli
    Nov 8 at 9:57
















The change detection system propagates bindings from the root to leaves.
– Sreehari Ballampalli
Nov 8 at 9:57




The change detection system propagates bindings from the root to leaves.
– Sreehari Ballampalli
Nov 8 at 9:57

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53204203%2fangular-2-4-5-6-application-performance-issue-after-implementing-change-detectio%23new-answer', 'question_page');
}
);

Post as a guest





































active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53204203%2fangular-2-4-5-6-application-performance-issue-after-implementing-change-detectio%23new-answer', 'question_page');
}
);

Post as a guest




















































































Popular posts from this blog

Schultheiß

Verwaltungsgliederung Dänemarks

Liste der Kulturdenkmale in Wilsdruff