Css 动态更改图表的高度

我在Chartjs中使用Angular 5。我有一个图表，我希望高度根据布尔变量（show）变化。如果是真的，我希望高度是25。如果为假，我希望高度为65。我试过了，但没用。如何有条件地更改高度

<div  [hidden]="!chart" style="position: relative; float: left; ">
            <canvas id="canvas" width="100" height="{show ? '25':'65'}">{{ chart }}</canvas>
</div>

{{chart}}

这是错误的语法

height="{show ? '25':'65'}"

我猜你把它和React混在一起了。在Angular中，首先需要将道具的名称包装在

[]

中，就像

[height]

一样，在右边只需指定一个JavaScript表达式（不将其包装在

{}

中）

您还必须指定单位

如果不想指定单位，有另一种方法：

[height.px]="show ? 25 : 65"

---

怎么样

[height.px]=“show？25:65”

？据我所知，高度和宽度由chartjs给出，作为一个比率（px中的高度/宽度将根据窗口计算）。有没有办法使用chartjs提供的height属性并根据变量show更改比率？

[height.px]="show ? 25 : 65"