Isolate Form Directive

IsolateFormDirective.js

  function IsolateFormDirective() {

    return {
      restrict: 'A',
      require: '?form',
      link: function link(scope, $element, attrs, formController) {

        if (!formController) {
          return;
        }

        // Remove this form from parent controller
        var parentFormController = $element.parent().controller('form');
        parentFormController.$removeControl(formController);

        // Replace form controller with a 'null-controller'
        var isolateFormCtrl = {
          $addControl: angular.noop,
          $removeControl: angular.noop,
          $setValidity: angular.noop,
          $setDirty: angular.noop,
          $setPristine: angular.noop
        };

        angular.extend(formController, isolateFormCtrl);
      }
    };
  }