Aurelia - 사용자 정의 요소 내에서 CSS 바인딩 재 지정

Question

달성하고자하는 것은 사용자 정의 요소가 있고 부모로부터이 요소에 직접 CSS를 바인딩 할뿐만 아니라 사용자 정의 요소 내에서 바인딩하는 것입니다.

부모 :

<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>