View & Edit Mode for Angular Forms

gistfile1.js

(function (angular) {
  var mod = angular.module('ng.forms', []);
  
  ['form', 'ngForm'].forEach(function(name) {
    return mod.directive(name, function($parse) {
      return {
        restrict: 'EA',
        require: 'form',
        link: function(scope, element, attrs, ngForm) {
          var startMode = $parse(attrs.startMode)(scope) || 'edit'
          var viewMode = (startMode === 'view' ? true : false);
          ngForm.$editMode = !viewMode;
          ngForm.$viewMode = viewMode;
          ngForm.$setEditMode = function() {
            return ngForm.$editMode = !(ngForm.$viewMode = false);
          };
          ngForm.$setViewMode = function() {
            return ngForm.$viewMode = !(ngForm.$editMode = false);
          };
        }
      };
    });
  });
  ['input', 'textarea', 'select'].forEach(function(name) {
    return mod.directive(name, function($timeout) {
      return {
        restrict: 'E',
        require: '^?form',
        link: function(scope, element, attr, formCtrl) {
          var formCtrl = ctrls[1];
          if (!formCtrl) return;
          scope.$watch(function() {return formCtrl.$editMode;}, 
            function(newVal, oldVal) {
              return element.prop('disabled', !newVal);
            });
        }
      };
    });
  });
  
})(angular);