typeScript返回HTML模板元素，来自构造函数不起作用

Question

创建template的实例时，使用new是“非法”，其中template扩展了htmltemplatelement。

为了克服此限制，我从template> template sonstructor frol document.getElementById（id） sonstructor for document.getElementById（id）使用> htmltemplatelement

export class Template {
    private htmlTemplateElement: HTMLTemplateElement;
    constructor(id: string) {
        this.htmlTemplateElement = document.getElementById(id) as HTMLTemplateElement;
        return Object.assign(this.htmlTemplateElement, this) 
    }

    public test = () => this.htmlTemplateElement.innerHTML
}

。 > HTML模板元素存在于DOM中，
我可以创建模板的新实例，并使用扩展方法test（）如下所示：

const template = new Template(id)
console.log(template.test())
console.log(template.innerHTML) 

这两个console.log（）正常工作并将正确的文本打印到控制台。

但是，打字稿编译器抱怨template.innerhtml。
我遇到的错误，说innerhtml在类型模板

问题 上不存在？

我尝试使用导出类模板扩展了htmltemplatelement。
这是不起作用的，因为使用new创建一个实例是。

我喜欢打字稿，但有时会遇到类型的检查。 请帮我在这里。

Answer 1

尽管不是理想的，但我能够通过实现以下接口来保持打字稿编译器的快乐：

export interface ITemplate {
    [key:string]: any;
    test(): string;
}

然后使用该接口：

export Template implements ITemplate {
...
}

注意：
为什么我不使用customElements.define（＆lt; tag-name＆gt;，template）？
我不打算创建 htmltemplatelement的自定义实例，我只想使用其他实用程序扩展方法返回现有htmltemplatelement。

而且，我的方法很可能完全是错误的。
但是，这与这里提出的问题不同。