Aurelia - 覆盖自定义元素内的css绑定

Question

我想要实现的是拥有自定义元素并将css直接绑定到父元素以及自定义元素中的元素。

父：

<div>
   <custom-element css="height: ${heightProperty}"></custom-element>
</div>

自定义元素：

<template css="width: ${widthProperty}">
</template>

但宽度和高度属性不会同时绑定。只有最后绑定（更改）的那个才会生效。但是在设置类属性时，合并似乎有效。那个错误或意图是什么？

Answer 1

不确定这是否是正确的方法，但是当您向自定义元素添加可绑定的CSS属性时会发生什么？

像这样：

import { bindable } from 'aurelia-framework';
export class customElement {
  @bindable()
  css = '';
}

然后在您的HTML中

<template css="width: ${widthProperty} ${css}">
</template>