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>