Angular 2+, используя ngClass для плавания справа налево с медленной скоростью перехода - PullRequest
Новая
       8

Angular 2+, используя ngClass для плавания справа налево с медленной скоростью перехода

0 голосов
/ 18 мая 2018

Использование Angular 2 +

Я пытаюсь заставить метку плавать слева направо и назад в зависимости от логического значения (которое изменяется при нажатии кнопки)

Этоработает: 

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

Однако, добавление перехода для плавного плавания не работает.Я попытался использовать свои собственные классы, которые имеют 1,5-секундную скорость перехода , вместо начальной загрузки по умолчанию "float-right" & "float-left" здесь: 

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

}


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

Все еще не работает медленно, есть идеи, почему, какие-либо предложения?

...