Question

我在迁移到Polymer 1.0时遇到了一些麻烦

我的主要问题是课程＆＃34;样式范围＆＃34;和＆＃34; my-element＆＃34;正在应用于元素中的每个子节点。使用这样的东西时这不是问题：

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

它只是将他们的类更改为＆＃34; top style-scope my-element＆＃34;和＆＃34;绿色风格范围my-element＆＃34;分别一切正常。

但是现在在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函数返回它应该返回的内容（类似于＆＃39; itnumb1＆＃39;，＆＃39; itnumb2＆＃39;等等），但是当它出现时完成后，该类显示为＆＃34;样式范围my-element＆＃34;对于每一个跨度，没有叹息的#n; itnumb＃＆＃39;在任何地方。

我只是不知道如何处理这个问题，因为我眼中的绑定发生了很大的变化。

谢谢！

Answer 1

为了绑定到与该元素的相应JS属性不匹配的属性（例如class，href，data-*），您应该使用{{1}而不是普通的$=。

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

防止聚合物将子元素类设置为样式范围

1 个答案: