Aurelia - カスタム要素内でのCSSバインディングのオーバーライド

Question

私が達成したいのは、カスタム要素を持ち、親要素からこの要素に直接バインドするだけでなく、カスタム要素内からバインドすることです。

親：

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

カスタム要素：

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

しかし、widthとheightプロパティを同時にバインドされることはありません。最後にバインドされた（変更された）ものだけが有効になります。しかし、クラスプロパティを設定するときにマージが機能するようです。このバグはどうですか？

Answer 1

これが正しいかどうかはわかりませんが、カスタム要素にバインド可能なCSSプロパティを追加するとどうなりますか？このよう

：

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

、その後、あなたのHTML内

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