gpt4 book ai didi

polymer - 防止 polymer 将子元素类设置为样式范围

转载 作者:行者123 更新时间:2023-12-05 00:21:55 28 4
gpt4 key购买 nike

我在迁移到 Polymer 1.0 时遇到了一些问题

我的主要问题是“style-scope”和“my-element”类被应用于元素中的每个子节点。使用这样的东西时这不是问题:

<paper-dialog modal class="vertical layout">
<div class="top">
<div class="green">{{format(inputtext)}}</div>

它只是将它们的类分别更改为“top style-scope my-element”和“green style-scope my-element”,一切正常。

但是现在在 Polymer 1.0 上,我无法将类名绑定(bind)到属性,所以我必须用这样的东西来计算它:
<template is="dom-repeat" items="{{ item-list }}" as="item">
<span class="{{setitemclass(item)}}" on-click="itemClicked" role="button" >{{item}}</span>
</template>

setitemclass: function (item) {
return 'itnumb' + item;
}

在创建元素时,创建的每个跨度都会通过 setitemclass 函数并返回它应该返回的内容(例如 'itnumb1'、'itnumb2' 等),但是当它完成时,该类将显示为“style-scope my-element "对于每个跨度,在任何地方都不会叹息 'itnumb#' 位。

我只是不知道如何解决这个问题,因为绑定(bind)在我看来已经发生了很大变化。

谢谢!

最佳答案

为了绑定(bind)到与该元素的相应 JS 属性不匹配的属性(例如 classhrefdata-* ),您应该使用 $=而不是简单的= .

<span class$="{{setitemclass(item)}}" on-click="itemClicked" role="button">{{item}}</span>

来源: https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#attribute-binding

关于polymer - 防止 polymer 将子元素类设置为样式范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30708193/

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