use @.disabled for html element as mentioned in angular documentation

When an element within an HTML template has animations turned off using the @.disabled host binding, animations are turned off on all inner elements as well. You can't selectively turn off multiple animations on a single element.