如何使用Polymer 1.x将HTML注入模板?

如何使用Polymer 1.x将HTML注入模板?,第1张

概述我的Polymer组件的模板的一部分应该从 JSON响应中呈现未转义的HTML(是的,在这种情况下这样做是安全的).到目前为止,我使用了juicy-html( https://github.com/Juicy/juicy-html),但它不再适用于Polymer 1.x. 我的模板的相应部分看起来非常像这样: <template if="{{item.part1}}"> <div> < 我的polymer组件的模板的一部分应该从 JSON响应中呈现未转义的HTML(是的,在这种情况下这样做是安全的).到目前为止,我使用了juicy-HTML( https://github.com/Juicy/juicy-html),但它不再适用于polymer 1.x.

我的模板的相应部分看起来非常像这样:

<template if="{{item.part1}}">  <div>    <template is="juicy-HTML" content="{{item.part1.part2  | callFunction}}"></template>  </div></template>

我读了一些关于使用早期版本的polymer注入HTML的解决方案,但是我想知道是否有一种“规范方式”来实现这个1.x?

解决方法 绑定节点的INNERHTML属性的一种有点破解方法:
<div inner-h-t-m-l="{{myProp}}"></div>

聚合物从连字符推断大写,将后续字符转换为大写,当使用equals(=)而不是equals-dollar(= $)时,polymer绑定到节点的属性而不是属性.

总结

以上是内存溢出为你收集整理的如何使用Polymer 1.x将HTML注入模板?全部内容,希望文章能够帮你解决如何使用Polymer 1.x将HTML注入模板?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1144426.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存