Issues extending ui validators

I have been working on this task and ran into some constraints and need some advise before moving forward. I am new to the project so might be overlooking something. I have added more detail and screenshots on the jira ticket.

As part of this task I need to add new validator in the registration-app, the issue I have came across is that the NavigationController gets loaded which contains the validators. The validators contain references to the dom elements and store these for later use. The issue is that angular is also used and when angular runs it rebuilds the elements with new references so the NavigationController is referencing old elements.

My main question is - Are there any standard methods of extending validators and do you have any ideas on how to make it work with angular?