Народ, всем привет, помогите плиз с анимашкой:
Есть в TS:  divaddtel: boolean = true;
в шаблоне:
<button class="btn btn-sm btn-outline-success btn-small btoutside" (click)="divaddtel = !divaddtel"></button>

<div [hidden]="divaddtel"  [ngClass]="{'fadeIn':!divaddtel, 'fadeOut':divaddtelsh}">

у fadeIn  и fadeOut соответственно меняется opacity за 1.5s

При нажатии на кнопку fadeIn срабатывает, а вот при закрытии(повторном нажатии) - уже нет. В чем может быть проблема?

Народ, всем привет, помогите плиз с анимашкой:
Есть в TS:  divaddtel: boolean = true;
в шаблоне:
<button class="btn btn-sm btn-outline-success btn-small btoutside" (click)="divaddtel = !divaddtel"></button>

<div [hidden]="divaddtel"  [ngClass]="{'fadeIn':!divaddtel, 'fadeOut':divaddtelsh}">

у fadeIn  и fadeOut соответственно меняется opacity за 1.5s

При нажатии на кнопку fadeIn срабатывает, а вот при закрытии(повторном нажатии) - уже нет. В чем может быть проблема?

[hidden] на [style.visibility] попробуйте заменить
Или на ангуляр анимации сделать

https://angular.io/guide/animations

возможно) а разница?

[style.visibility] не помогло, div все время стал отображаться

Покажите html шаблона

<div [style.visibility]="divaddtel" (clickOutside)="onClickedOutside() " [exclude]="'.btoutside'" [ngClass]="{'fadeIn':!divaddtel, 'fadeOut':divaddtel}" class="clearboth addplace">

divaddtel это что ? Ок

divaddtel: boolean = true;

divaddtel: boolean = true;

Нужно значение свойства visibility биндить, а не булеан
https://developer.mozilla.org/ru/docs/Web/CSS/visibility

тогда этот div будет место занимать?

Да