将html从ajax调用附加到影子DOM

Question

我正在尝试使自定义阴影dom元素从存储在components文件夹中的HTML文件中获取其HTML。我可以像这样很好地获取HTML

$.get( "/component/miniPlayer.html", function( data ) {
    console.log(data)
    root.innerHTML = data;
});

但是如果我尝试将HTML放入自定义元素中，则>]

class miniPlayer extends HTMLElement{
    constructor(){
        super();

        this._root = this.attachShadow({mode: 'open'});
        this._root.innerHTML = 

        $.get( "/component/miniPlayer.html", function( data ) {
            console.log(data)
            this._root.innerHTML = data;
        });
    }
}

window.customElements.define('mini-player', miniPlayer);
我收到一个错误Uncaught TypeError: Cannot set property 'innerHTML' of undefined我已经在许多不同的配置中尝试过它，但是无法正常工作。这有可能还是我必须尝试其他方法

我正在尝试使自定义阴影dom元素从存储在components文件夹中的HTML文件中获取其HTML。我可以像这样$ .get（“ / component / miniPlayer.html”，function（...

Answer 1

由于this，函数function(data) {...}回调内部的[this与constructor()中的一个不相同closure。