Есть несколько основных причин, по которым вам не следует обращаться к DOM напрямую в Angular (как вы это делаете с Jquery).Я ответил на аналогичный вопрос здесь
Angular - это полностью продуманный каркас, в котором вы не должны отличаться от «Angular way».На это есть несколько причин.Для одного ваш код станет очень сложным в том, как он работает.Некоторые вещи, которые вы делаете в Jquery, очень отвратительны по сравнению с тем, как просто вы можете реализовать то же самое с помощью Angular.Другая причина заключается в том, что приложения Angular не всегда предназначены для запуска в браузере.Например, вы можете запустить Angular в веб-приложении, у которого нет прямого доступа к DOM.Ваши компоненты станут зависимыми от Jquery, когда в этом нет необходимости, что может повредить вам, если вы захотите повторно использовать эти компоненты в других приложениях Angular.
Ваша ценность для того, чтобы придерживаться Jquery, состоит в том, что вы можете повторно использовать этот код.На это я скажу, что вам следует переписать эти компоненты для вашего приложения Angular, чтобы впоследствии вы могли повторно использовать эти компоненты в других приложениях Angular.Модернизируйте / переписайте ваши компоненты сейчас, чтобы вы оптимизировали чистые угловые компоненты.Вы быстро обнаружите, что ваш код Jquery слишком сложен по сравнению с тем, как вы делаете подобные вещи в среде Angular.