2015-09-05 57 views
0

在聚合物1.1,聚合物1.0布局迁移 - 垂直?=相当于?

没有人知道,如果有一个equalivant到

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

在聚合物1.0?据我所知,class$={{foo}}并没有做到这一点。例如,像class$="vertical$={{mediaQuery}}"

回答

1

其实class$="{{foo}}"应该工作。但是<div layout不会导致聚合物^1.0中的layout现在是类选择器。所以你需要写一些像<div class="vertical layout">这样的工作。

由于现在字符串连接是支持,以使选择动态的,你需要使用一个计算结合 -

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

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