Проверка Angularjs ведет себя по-разному для 1.3.0 и 1.2.6.

1. Чтобы ng-required работало, не используйте одно и то же имя на входе внутренней формы ввода. Похоже, что в Angular 1.3 это переопределяет зарегистрированный ngModelController, прикрепленный к вашему custom-input.

   Таким образом, шаблон для директивы может быть

   <div>
     <input type="text" ng-model="newInput" id="{{id}}">
   </div>
   

   Это можно увидеть на странице http://plnkr.co/edit/TqMkxV?p=preview.

   (Кроме того, не уверен, зачем вам здесь нужен идентификатор...)

2. Я думаю (но не уверен) в 1.2.6 ngPattern работает только с input элементами, а в 1.3 это отдельная директива, которая интегрируется с ngModel. Кроме того, чтобы заставить его работать в 1.3

   • Use pattern instead of ng-pattern, even though the docs suggest ng-pattern should work.

   • Если вы пишете шаблон непосредственно в шаблоне, не заключайте его в / ... /. Таким образом, правильное использование для поиска ровно 5 цифр будет pattern="^\d{5}$". Документы вводят в заблуждение в этом.

     Ваш измененный пример 1.3 с рабочим примером pattern можно увидеть по адресу http://plnkr.co/edit/1zSiJI?p=preview

Изменить после комментариев:

3. Если вы хотите, чтобы имя отображалось во внутренней директиве и совпадало с именем родительского элемента (например, для отправки с использованием стандартного полностраничного POST на сервер), вы можете обернуть его в именованный файл ngForm. Это гарантирует, что его контроллер не переопределит родительский в области видимости.

   <div>
     <div ng-form name="customInput">
       <input type="text" ng-model="newInput" id="{{id}}" name="{{name}}">
     </div>
   </div>
   

   Это можно увидеть по адресу http://plnkr.co/edit/Jrk63A?p=preview

В изолирующей области внутри директивы попробуйте связать ее, используя '=' вместо '@'

С @ вам нужно будет использовать attr.$observe('title', function(value) { ... }), если вам нужно использовать значение в вашей функции ссылки. Например, if(scope.title == "...") не будет работать так, как вы ожидаете. Обратите внимание, что это означает, что вы можете получить доступ к этому атрибуту только асинхронно. Вам не нужно использовать $observe(), если вы используете значение только в шаблоне. Например, шаблон: '{{title}}'.

С = вам не нужно использовать $observe.

(ОТ В чем разница между '@' и '=' в области действия директивы в AngularJS?)

angular.module('validationApp', [])
.controller("ValidationController", function(){

})
.directive("customInput", function(){
return {
    restrict: "E",
    require : "ngModel",
    replace: "true",
    templateUrl : "/templates/customInput.html",
    scope : {
        id : "=", //bind id to scope
        name : "=" //bind name to scope
    },
    link: function(scope, element, attrs, ngModelCtrl){
        //When newInput is updated, update the model of original input
         scope.$watch('newInput', function(newValue){
            ngModelCtrl.$setViewValue(newValue);
        });

        //On first load, get the initial value of original input's model and assign it to new input's model
        ngModelCtrl.$render = function(){
            var viewValue = ngModelCtrl.$viewValue;
            if(viewValue){
                scope.newInput = viewValue;
            }
        }
    }
}
});

Согласно документу (https://docs.angularjs.org/guide/migration), строка регулярного выражения используется в качестве значения для шаблона ng в angular 1.2. Напротив, объект регулярного выражения используется в версии 1.3.

// 1.2
$scope.exp = '/abc/i'; //string

<input ng-pattern="{{exp}}" ...


// 1.3
$scope.exp = /abc/i; //regexp object

<input ng-pattern="exp" ...

Вот мой пример пользовательской директивы ввода

угловой 1.2.16:

http://jsfiddle.net/miyukiw/m03f2ymt/4/

угловой 1.3.5:

http://jsfiddle.net/miyukiw/9d64oa1m/4/

Я надеюсь, что это поможет.