Angular 2+，使用ngClass从右向左浮动，转换速度慢

Question

使用Angular 2 +

我试图让一个标签从左到右浮动，这取决于一个布尔值（点击一个按钮就会改变）

这有效：

<div class="col-md-3">
    <label class="title-text" [ngClass]="myBoolValue ? 'float-right' : 'float-left'">SomeText</label>
</div>

但是，添加过渡以使其缓慢浮动并不起作用。 我尝试使用自己的 1.5sec转换速度的类，而不是bootstraps默认＆＃34; float-right＆＃34; ＆amp; ＆＃34; float-left＆＃34; 此处：

.f-right {
    transition : all 1.5s ease;
    float: right;

}


.f-left {
    transition : all 1.5s ease;
    float: left;
}

仍然没有慢慢地工作，任何想法，任何建议？