v 1.0 中用于模板重复的聚合物字符串连接

Question

我不确定以下是否可以使用 "computed" 和 dom-repeat 模板。在 .9/.8/1.0

之前，我绑定了子属性和父属性

<template is="dom-repeat" as="agreementTypeCount" index-as="agreementTypeCountI" items="{{agreementTypeCounts}}">
  <a href="/{{style_domain}}/agreements/#/table/country/{{selectedCountryCode}}/type/{{agreementTypeCount.type}}/sort/start-desc/size/10/page/1/">{{agreementTypeCount.type}}</a>
</template>

是否有实施字符串连接的计划？这会让生活变得所以容易得多！

Answer 1

它目前在路线图上。但是，您也可以为此使用计算绑定。

<template is="dom-repeat" as="agreementTypeCount" index-as="agreementTypeCountI" items="{{agreementTypeCounts}}">
  <a href$="{{computeAgreementUrl(style_domain, selectedCountryCode, agreementTypeCount.type)}}">{{agreementTypeCount.type}}</a>
</template>

然后声明它

Polymer({
  ...
  computeAgreementUrl(styleDomain, countryCode, type){
    return "/"+styleDomain+"/agreements/#/table/country/"+countryCode+"/type/"+type+"/sort/start-desc/size/10/page/1/";
  }
})

请注意 href 旁边的 $ 字符。建议您对原生元素的属性使用属性绑定 ($=)。

v 1.0 中用于模板重复的聚合物字符串连接

polymer string concatenation for template repeat in v 1.0

polymer