在Aurelia中使用two-style.bind

我想用两个 style.bind 在奥雷利亚,但它不起作用。 我也可以只用一个 样式.bind 应用我想要的样式,但我不知道怎么做。

这是一段代码:

<span repeat.for="source of item.data.sources | sort: 'weight' : 'asc'" 
  if.bind="source.weight" 
  class="weight" 
  style.bind="source.weight | fontWeight" 
  style.bind="source.is_italic && 'font-style: italic;'"
>
  ${source.name}
</span>

我唯一的东西 fontWeight ValueConverter的作用是返回 font-weight 在CSS语法中:

export class FontWeightValueConverter {
  toView(weight) {
    return 'font-weight: ' + weight;
  }
}

我必须这样做,因为这样做

style="font-weight: ${ source.weight }"

不起作用…也许是因为 重量 是保留字吗?

所以,基本上,我想实现的是 字体加粗 与我的 source.weight 值,然后设置 font-style: italic; 如果旗子 is_italic 是真的。

有什么想法吗?