18910140161

JavaScript-向从服务器接收的HTML模板添加组件或指令-堆栈溢出

顺晟科技

2022-10-19 14:19:16

114

假设一个端点返回这个HTML:

<div data-type="section">
    <div data-type="section-header">
        Section 1
    </div>
    <div data-type="section-body">
        Lorem ipsum
    </div>
</div>

以上模板将存储在组件属性中。在Angular应用程序中,我们将通过。

将此HTML附加到页面

添加HTML模板之前,是否可以向从后端接收的HTML模板添加组件指令

例如,我们将背景设置为黄色,我们希望将其应用于元素,这样HTML模板将如下所示:

<div data-type="section">
    <div data-type="section-header">
        Section 1
    </div>
    <div data-type="section-body">
        Lorem ipsum
    </div>
</div>

Angular会自动识别指令并将其添加到组件树中吗?或者有必要补充这个HTML模板?


顺晟科技:

我找到的解决方案是将HTML包装成匿名组件,并从BE处理字符串。然后编译它,看起来一切正常。

stackblitz示例

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航