Нет родительского селектора; так же, как нет предыдущего селектора. Одна из веских причин не иметь этих селекторов заключается в том, что браузер должен пройти через всех дочерних элементов элемента, чтобы определить, следует ли применять класс. Например, если вы написали:
body:contains-selector(a.active) { background: red; }
Затем браузеру придется подождать, пока он не загрузится, и все разобрались до
Эта статья Почему у нас нет родительского селектора , это подробно объясняет.
Вы можете попробовать это решение, добавив шаблон:
<input type="text" class="form-control" id="cntry"
ng-model="address.countryCode" pattern="^[a-zA-Z0-9]*$}">
Определите регулярное выражение в вашем контроллере
$scope.regex = /^[^`~!@#$%\^&*()_+={}|[\]\\:';"<>?,./1-9]*$/;
А в своем html используйте директивы ng-pattern и передайте приведенное выше регулярное выражение в качестве шаблона.
<input type="text" class="form-control" id="cntry"
ng-model="address.countryCode" ng-pattern="regex">
Для получения дополнительной информации посетите Ограничить специальные символы в HTML & amp; AngularJs