javascript - 動的な ng スタイルの背景画像をフェードインおよびフェードアウトする方法

Question

次のような動的な ng スタイルの背景画像を持つメイン div があります。

<div class="modal slide-in-up profile-view" ng-style="{'background-image':'url(' + jobTypeSelected.backgroundImagePath + ')'}" ng-controller="tasksCtrl">
....
</div>

backgroundImagePath は、ユーザーの選択オプションに基づいて変化しています。すべてが機能します。しかし、画像は background-image 設定で表示されるだけです。ng スタイルの背景画像遷移にアニメーションを追加する方法はありますか? フェードインとフェードアウトを追加して、トランジションをスムーズにしますか? このページ (Ionic ポップアップ) のすべてのコンテンツが含まれているため、div の不透明度を設定することはできません。これにどのようにアプローチすべきか提案はありますか?