Deshabilitar el botón de enviar cuando el formulario no es válido con AngularJS

Tengo mi forma así:

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>

Como puede ver, el botón está deshabilitado si la entrada está vacía pero no vuelve a estar habilitada cuando contiene texto. ¿Cómo puedo hacer que funcione?

Debe usar el nombre de su formulario, así como ng-disabled: aquí hay una demostración en Plunker

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button ng-disabled="myForm.$invalid">Save</button>
</form>

Para agregar a esta respuesta. Me acabo de enterar de que también se descompondrá si usa un guión en el nombre de su formulario (Angular 1.3):

Entonces esto no funcionará:

<form name="my-form">
    <input name="myText" type="text" ng-model="mytext" required />
    <button ng-disabled="my-form.$invalid">Save</button>
</form>

La respuesta seleccionada es correcta, pero alguien como yo puede tener problemas con la validación asíncrona con el envío de solicitudes al lado del servidor: el botón no se desactivará durante el procesamiento de la solicitud dada, por lo que el botón parpadeará, lo que parece bastante extraño para los usuarios.

Para anular esto, solo necesita manejar el estado $ pendiente del formulario:

<form name="myForm">
  <input name="myText" type="text" ng-model="mytext" required />
  <button ng-disabled="myForm.$invalid || myForm.$pending">Save</button>
</form>

Si está utilizando formularios reactivos, puede usar esto:

<button [disabled]="!contactForm.valid" type="submit" class="btn btn-lg btn primary" (click)="printSomething()">Submit</button>

Podemos crear una directiva simple y deshabilitar el botón hasta que se completen todos los campos obligatorios.

angular.module('sampleapp').directive('disableBtn',
function() {
 return {
  restrict : 'A',
  link : function(scope, element, attrs) {
   var $el = $(element);
   var submitBtn = $el.find('button[type="submit"]');
   var _name = attrs.name;
   scope.$watch(_name + '.$valid', function(val) {
    if (val) {
     submitBtn.removeAttr('disabled');
    } else {
     submitBtn.attr('disabled', 'disabled');
    }
   });
  }
 };
}
);

Para más información haga clic aquí

<form name="myForm">
        <input name="myText" type="text" ng-model="mytext" required/>
        <button ng-disabled="myForm.$pristine|| myForm.$invalid">Save</button>
</form>

Si quieres ser un poco más estricto