Polymer 聚合物代码实验室建筑材料设计不一致性

Polymer 聚合物代码实验室建筑材料设计不一致性,polymer,Polymer,我遵循材料设计代码实验室()的要求,我有一个问题无法找到答案: 为什么手动将字体大小应用于“.card”元素(迭代元素并设置样式)-这会导致一个错误-当您更改字体大小时,它将应用于所有现有项目,但当您创建一个新项目时,它没有应用样式,因此在您从菜单重新调整字体大小之前看起来很奇怪 我试图直接绑定它(即style=“font size:{{fontSize}}}px”),但这不起作用。它在其他元素上起作用,但在辅助模板元素中不起作用 请问对此有何见解? a) 为什么绑定不起作用? b) 如何修复“

我遵循材料设计代码实验室()的要求,我有一个问题无法找到答案:

为什么手动将字体大小应用于“.card”元素(迭代元素并设置样式)-这会导致一个错误-当您更改字体大小时,它将应用于所有现有项目,但当您创建一个新项目时,它没有应用样式,因此在您从菜单重新调整字体大小之前看起来很奇怪

我试图直接绑定它(即style=“font size:{{fontSize}}}px”),但这不起作用。它在其他元素上起作用,但在辅助模板元素中不起作用

请问对此有何见解? a) 为什么绑定不起作用? b) 如何修复“bug”

谢谢

对此进行了解释。基本上,当您不使用时,您将失去对祖先模板作用域的访问

修复涉及切换到命名范围并重写其中的所有绑定以使用它:

<template repeat="{{datum in data}}" >
  <div center horizontal layout class="item" data-done="{{datum.done}}">
    <paper-checkbox checked="{{datum.done}}" on-change="{{datum.dataChanged}}"></paper-checkbox>
    <div flex class="card paper-shadow-top-z-2" style="font-size: {{fontSize}}px;">
      <p>{{datum.body}}</p>
      <paper-ripple class="fit recenteringTouch"></paper-ripple>
    </div>
  </div>
</template>

{{datum.body}

然后,样式绑定工作,您可以删除
fontSizeChanged

下面是有问题的步骤:它位于“添加更改字体大小的滑块”子部分下。