Comment congeler un composant angulaire?

Question

Je voudrais geler le composant angulaire. Voir tous les écouteurs du composant.

Par exemple: {{}} datas.title

Si le titre a changé, la vue doit rester le même et ignorer le gel pendant Changements.

Comment geler un composant?

Merci :)

Answer 1

Vous pouvez exclure la composante de détection automatique des changements en appelant detach() sur ChangeDetectorRef:

@Component({ 
    selector: 'my-component', 
    template: ` 
    {{datas.title}} 
    ` 
}) 
class MyComponent { 
    constructor(private changeDetector: ChangeDetectorRef) {  
    } 

    freeze() { 
    this.changeDetector.detach(); 
    } 
} 

Answer 2

@Component({ 
    selector: 'my-component', 
    template: `{{datas.title}}` 
}) 
class MyComponent { 
    constructor(private changeDetector: ChangeDetectorRef) {  
    } 

    freeze() { 
    this.changeDetector.detach(); 
    } 
    melt() { 
    this.changeDetector.reattach(); 
    } 
} 

docs officiels: https://angular.io/api/core/ChangeDetectorRef