Динамика длины HTML и угловая JS

Question

Я должен проверить расширение моего электронного письма, например: test.tes@test.com, «com» ​​не должен превышать 20char

мой код в html:

    <input
     .................
     ng-model = "contactemail.coordonnee.value"
     ng-change = "filterExtension(contactemail.coordonnee.value);"
     my-maxlength = {{maxlength}}
 </ Td>

myугловой код js:

$ scope.filterExtension = function (email) {

   var words = email.split ('.');
   if (words [words.length - 1] .length> = 2) {
      $scope.$parent.$parent.maxlength = email.length;
   } else {
     $ $ $ Parent scope parent.maxlength = 100000;..}

   return $scope.$parent.$parent.maxlength;
 };

пользователь должен вставить электронное письмо с расширением 20 символов

Ожидаемый результат : как только расширение превышает 20 символов, мы можемне записывать на вход

Результат получен : пользователь все еще может писать на входе

Мне нужна помощь или другое решение. Спасибо