如何在Angular 2中封装动态添加的元素？

Question

如何在Angular 2中封装动态添加的元素？

angularmaterial-design-lite

3

尝试让MDL与Angular2一起工作。

通过模拟影子DOM，Angular将从代码中获取的所有CSS和HTML进行封装。但是当我使用componentHandler.upgradeElement()时，它会创建新的元素而不进行封装。

我应该怎么做才能使其被封装呢？

- Lodin

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alessandro Avagliano · Accepted Answer

添加这个简单的指令 mdl 元素！

import {Component, ElementRef } from 'angular2/core';
declare var componentHandler: any;


@Component({
    selector: '[mdl]',
    template: `<ng-content></ng-content>`
})



    export class MdlComponent {

    constructor(public el: ElementRef) {

        MdlComponent.mdlWrapper(el);

    }

    static mdlWrapper(element: ElementRef) {

        componentHandler.upgradeElement(element.nativeElement);
    }
}