Polymer 1.0 Layout Migration- vertical？=等价？

Question

在聚合物1.1中，

有没有人知道是否有相同的

<div layout vertical?="{{mediaQuery}}"
       horizontal?="{{!mediaQuery}}">

在聚合物1.0中？ class$={{foo}}我无法做到这一点。例如，像class$="vertical$={{mediaQuery}}"

Answer 1

实际上class$="{{foo}}"应该有效。但<div layout不会导致layout现在是Polymer ^1.0中的类选择器。因此，您需要编写类似<div class="vertical layout">的内容才能使其正常工作。

由于现在字符串连接支持不，为了使选择器动态化，您需要使用计算绑定 -

<div class$="{{_computeLayoutClass(mediaQuery)}}">

_computeLayoutClass: function(mediaQuery) {
  if (mediaQuery) {
    return 'vertical layout';
  }
  else {
    return 'horizontal layout';
  }
}