我在迁移到 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 上,我无法将类名绑定到属性,所以我必须用这样的东西来计算它:
<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#' 位。
我只是不知道如何解决这个问题,因为绑定在我看来已经发生了很大变化。
谢谢!