Question

我正在从api获取HTML代码的一部分，想要呈现为如下所示的DOM ...

// getting template from backend.
let template1 = "<div class='well'><formio src='example/text.json'></formio>"; //appearing into dom, but not loading form.

// second way
let template2 = "<formio [src]='getUrl()'></formio></div>";
// calling getUrl from component.ts file.

// attaching template into DOM using appendChild() method..
const fragment = document.createRange().createContextualFragment(template);
document.getElementById('landingTemplate').appendChild(fragment);

getUrl() {
   return 'example/text.json';
}
// getUrl() not calling from HTML.

<div id="landingTemplate"></div>

因此无法呈现Formio。任何人都有主意请帮助我。

Answer 1

当字符串中包含HTML标记时，请使用innerHTML

document.getElementById('landingTemplate').innerHTML = template;

已更新

如果确实添加了标记，但是您的formio组件不起作用？ ...然后这是您可能正在寻找的几个链接：

未调用的函数添加了document.getElementById（'someId'）。appendChild（）

1 个答案: