AngularJs - Manipulação de eventos dos objetos da directive

[dinaerteneto 0]

Iniciei meu aprendizado com angularjs, mas estou com algumas dúvidas.

Tive que criar uma diretiva para incluir html em um elemento dinamicamente (http://jsfiddle.net/dinaerteneto/Lzg8e/).

Minha dúvida é como manipulo os objetos desta diretiva.

 

Neste caso especificamente, quero fazer o seguinte:

Quando o usuário selecionar no combo a opção de "telefone", deve ser incluído o atributo" data-mask="(99) 9999-9999", e quando selecionado no combo a opção e-mail, então este atributo deve ser removido.

 

OBS: Com jquery consigo resolver isso facilmente, gostaria então de saber como resolver isso com angularjs, tendo em vista que estou eliminando o máximo possível de Jquery.

 

Link do exemplo: http://jsfiddle.net/dinaerteneto/Lzg8e/

 

[dinaerteneto 0]

Consegui de uma forma que não sei se é a correta.

http://jsfiddle.net/dinaerteneto/Lzg8e/

 

Tive que usar jquery e jquery masked input.