代码之家 › 专栏 › 技术社区 › Ricardo Rocha

TypeScript:将类型属性添加到HtmlElement

typescript angular

Ricardo Rocha · 技术社区 · 6 年前

我有以下TypeScript代码:

let script: HTMLElement = document.createElement("script");
script.appendChild(document.createTextNode(`
  {
    "json": "property"
  }
`));
script.id = 'appContextModel';
document.body.appendChild(script);

我得到以下错误:

未捕获的语法错误:意外的标记:

我想是因为脚本变量没有 type application/json 当我试图附加到身体上 HTMLElement ,编译器正在检索错误。

我要找的是一种添加 type="application/json" 属性,仅使用TypeScript。

1 回复 | 直到 6 年前

Heretic Monkey goproxy.dev 6 年前

要向htmlement添加属性,只需调用 setAttribute function of the element

let script: HTMLElement = document.createElement("script");
script.appendChild(document.createTextNode(`
  {
    "json": "property"
  }
`));
script.id = 'appContextModel';
script.setAttribute('type', 'application/json');
document.body.appendChild(script);

或者,在这种情况下,只需设置属性:

script.type = 'application/json';

请注意,在将代码直接写入 script

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前