AngularJS && jQuery maskedinput?

Question

JavaScript

Tell me how to make friends of subjects? Found something like this on the internet:

.directive('inputMask', ['$document', function($document) {
        return {
            link: function(scope, elm, attrs) {
                    elm.mask("[phone]? +9999");
                    elm.attr("placeholder", "[phone]");
            }
        };

Works, but. I have a select opposite the input with the type of contact: phone, email, etc. Therefore, when changing in the select, you need to change the input mask. It just works on the jeckery if you hang it on the onchange. How to do it for Angular? At the same time, during initialization, pull out what values ​​are there in the select and hang up the appropriate mask. And yes, blocks with select and input are generated by ng-repeat - that is, there are a lot of them.

Answer 1

angular-ui.github.io/ui-utils/#/mask

Answer 2

Hang a watcher on the value of the select, and depending on it, apply the desired mask.
// upd
Something like this. :)
plnkr.co/edit/bY33SkAsPC7NZxKu52aw?p=preview