【发布时间】：2026-02-04 01:25:01
【问题描述】：
使用 Aurelia，我用 HTML 创建了一个非常简单的组件：
<template>
<h1
draggable="true"
css="width: ${width}px;
height: ${height}px;
color:${color};
left: ${left}">
${message}
</h1>
</template>
还有 TypeScript：
export class Navigation {
message: string = 'Component Text';
width = '400'
height = '250'
color = 'red'
left = '100'
}
所有 CSS 属性都按预期工作，除了 left: 100px
目标是使用 top 和 left 来动态设置组件的位置。这也是 draggable="true" 属性的原因。
我可以在呈现的 HTML 中看到 left: 100px 存在但没有效果。
我做错了吗？
【问题讨论】：