Matériel Design Lite avec Angular4 - Incompatibilité

Question

Je fais un site Web avec Angular 4 et j'utilise bootstrap et matériel design lite (mdl). J'ai quelques problèmes avec mdl. Par exemple, si je charge un nouveau composant angulaire avec une route, certains composants de mdl ne fonctionneront pas

J'ai déjà fait des recherches dans stackoverflow et je trouve que je dois utiliser cette fonction pour recharger les composants de mdl: fenêtre. componentHandler.upgradeAllRegistered()! et ça fonctionne quand je que dans la console du navigateur

Mais je suis nouveau dans angulaire (j'ai commencé la semaine dernière), et je ne sais pas comment puis-je charger cette Fonctionne quand je charge un nouveau composant d'angle.Pouvez-vous m'aider?

Merci

Answer 1

Vous êtes sur la bonne voie. Avez-vous vérifié cela?

• Getting started with Angular 2 and Material Design Lite

Il y a une section consacrée à la façon dont (et où) pour mettre à niveau les composants LDM:

import {Directive, AfterViewChecked} from '@angular/core'; 

declare var componentHandler: any; 

@Directive({ 
    selector: '[mdl]' 
}) 
export class MDL implements AfterViewChecked { 

    ngAfterViewChecked() { 
     if (componentHandler) { 
      componentHandler.upgradeAllRegistered(); 
     } 
    } 
}