具有Angular4的Material Design Lite - 不兼容

Question

我正在使用Angular 4创建一个网站，我使用bootstrap和material design lite（mdl）。我有一些mdl的问题。例如，如果我为一个新的角度（带有路径的s组件）充电，mdl的某些组件将无法工作。

我已经在stackoverflow中进行了研究，我发现我必须使用这个函数来重新加载mdl的组件： window.componentHandler.upgradeAllRegistered（）; 当我工作时它正在工作在浏览器的控制台中使用它！

但我是Angular的新手（我上周开始），当我加载一个新的角度组件时，我不知道如何充电这个功能。你能救我吗？

谢谢

Answer 1

你走在正确的轨道上。你看了吗？

• Getting started with Angular 2 and Material Design Lite

有一节专门介绍如何（以及在​​何处）升级MDL组件：

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

declare var componentHandler: any;

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

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