javascript - 打字稿错误：“HTMLElement”类型上不存在属性“附加”

Question

问题：

尝试将已编译的 angular 1.5 模板附加到现有的HTMLElement.

代码：

$document.find(scope.target)[0].append($compile(menu)(scope)[0]);

编译错误：

[ts] Property 'append' does not exist on type 'HTMLElement'

我已经搜索了类型定义，但没有看到append().

关于我应该使用哪种类型或版本的打字稿有什么想法吗？

谢谢！

score 9 · Accepted Answer

这里与 TypeScript 无关。

正确的调用方法是appendChild：

append是一个 jQuery 方法，如果你想使用它，你可以这样做：

$document.find(scope.target).append($compile(menu)(scope)[0]);

它也应该工作。

我希望它有帮助

score 1 · Accepted Answer

HTMLElement 上有一个追加/前置功能。问题是它目前还在试验阶段。

为了在不从 TypeScript 中得到错误的情况下使用它，我将它用作任何¯\_(ツ)_/¯ (<any>myElement).append(otherElement)

score 0 · Accepted Answer

Element.append()现在存在（自 2016 年以来）。如果 TypeScript 发现错误：

示例配置：

{
  "compilerOptions": {
    "target": "es2020",
    "lib": ["dom", "es2019", "es2020", "dom.iterable"]
  }
}