gpt4 book ai didi

Polymer:如何根据属性替换标签名称?

转载 作者:行者123 更新时间:2023-12-02 04:06:08 24 4
gpt4 key购买 nike

我有这样的模板

<template>
<button class="y-button" id="el" disabled?="{{disabled !== undefined}}">
<span class="y-button__text"><content></content></span>
</button>
</template>

如何将标签名称更改为另一个标签名称(例如 <a> )取决于某些属性,例如 <my-button url="http://example.org"></my-button>

我试过了

<template>
<{{tagName}}></{{tagName}}>
</template>

但它不起作用。

最佳答案

您可以使用injectBoundHTML来做到这一点:

var tag = 'x-el';
var html = '<' + tag + ' item="{{item}}"></' + tag + '>';
this.injectBoundHTML(html, this.$.container);

<script src="http://www.polymer-project.org/webcomponents.min.js"></script>
<script src="http://www.polymer-project.org/polymer.js"></script>

<polymer-element name="x-el" attributes="item" noscript>
<template>
{{item.name}}
</template>
</polymer-element>

<polymer-element name="my-element">
<template>
<div id="container"></div>
</template>
<script>
Polymer({
ready: function() {
this.item = {name: 'John Smith'};

var tag = 'x-el';
var html = '<' + tag + ' item="{{item}}"></' + tag + '>';
this.injectBoundHTML(html, this.$.container);
}
});
</script>
</polymer-element>

<my-element></my-element>

关于Polymer:如何根据属性替换标签名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27732408/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com