¿Puedo acceder a un formulario en el controlador?

Actualmente estoy usando lo siguiente.

$scope.$$childHead.customerForm[firstName], así que eso:

<form name="customerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" 
         tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

Pero esto solo funciona en Chrome. Ahora probé lo siguiente:

$scope.editCustomerForm[firstName], así que eso:

<form name="customerForm" ng-model="editCustomerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

Lo que no funciona. Tenga en cuenta que mi formulario está dentro de una pestaña de Fundación. ¿Cómo puedo acceder firstName?

EDITAR : Parece que formno se agrega a scopecuando está dentro de una pestaña de Fundación.

¿Alguien tiene una solución para esto?

Aunque aludido en otros comentarios, pensé en explicarlo un poco para aquellos que usan la sintaxis "Controlador como":

<div ng-controller="MyController as ctrl">

<form name="ctrl.myForm">
    ...inputs
    Dirty? {{ctrl.myForm.$dirty}}

    <button ng-click="ctrl.saveChanges()">Save</button>
</form>

</div>

Luego puede acceder al FormController en su código como:

function MyController () {
    var vm = this;
    vm.saveChanges = saveChanges;

    function saveChanges() {

       if(vm.myForm.$valid) { 
            // Save to db or whatever.
            vm.myForm.$setPristine();
       }
}

Puede adjuntar el formulario a algún objeto que se define en un controlador principal. Entonces puede alcanzar su formulario incluso desde un ámbito secundario.

Controlador principal

$scope.forms = {};

Alguna plantilla en un ámbito secundario

<form name="forms.form1">
</form>

El problema es que el formulario no tiene que definirse en el momento en que se ejecuta la codificación en el controlador. Entonces tienes que hacer algo como esto

$scope.$watch('forms.form1', function(form) {
  if(form) {
    // your code...
  }
});

Si desea pasar el formulario al controlador para fines de validación, simplemente puede pasarlo como argumento al método que maneja el envío. Use el nombre del formulario, por lo que para la pregunta original sería algo como:

<button ng-click="submit(customerForm)">Save</button>

Un poco tarde para una respuesta, pero vino con la siguiente opción. Me está funcionando, pero no estoy seguro de si es la forma correcta o no.

En mi opinión, estoy haciendo esto:

<form name="formName">
    <div ng-init="setForm(formName);"></div>
</form>

Y en el controlador:

$scope.setForm = function (form) {
    $scope.myForm = form;
}

Ahora, después de hacer esto, tengo mi formulario en la variable de mi controlador, que es $scope.myForm

Para poder acceder al formulario en su controlador, debe agregarlo a un objeto de alcance ficticio.

Algo como $scope.dummy = {}

Para su situación, esto significaría algo como:

<form name="dummy.customerForm">

En su controlador podrá acceder al formulario de la siguiente manera:

$scope.dummy.customerForm

y podrás hacer cosas como

$scope.dummy.customerForm.$setPristine()

WIKI LINK

Teniendo un '.' en sus modelos se asegurará de que la herencia prototípica esté en juego. Entonces, use en <input type="text" ng-model="someObj.prop1">lugar de<input type="text" ng-model="prop1">

Si realmente quiere / necesita usar una primitiva, hay dos soluciones:

1.Utilice $ parent.parentScopeProperty en el ámbito secundario. Esto evitará que el ámbito secundario cree su propia propiedad. 2.Defina una función en el ámbito primario y llámela desde el elemento secundario, pasando el valor primitivo al elemento primario (no siempre es posible)

Esta respuesta llega un poco tarde, pero me topé con una solución que hace que todo sea MUCHO más fácil.

En realidad, puede asignar el nombre del formulario directamente a su controlador si está utilizando la sintaxis de controllerAs y luego hacer referencia a él desde su variable "this". Así es como lo hice en mi código:

Configuré el controlador a través del enrutador ui (pero puedes hacerlo como quieras, incluso en el HTML directamente con algo así <div ng-controller="someController as myCtrl">) Esto es lo que podría parecer en una configuración de enrutador ui:

views: {
            "": {
                templateUrl: "someTemplate.html",
                controller: "someController",
                controllerAs: "myCtrl"
            }
       }

y luego en el HTML, simplemente configura el nombre del formulario como "controllerAs". "name" de esta manera:

<ng-form name="myCtrl.someForm">
    <!-- example form code here -->
    <input name="firstName" ng-model="myCtrl.user.firstName" required>
</ng-form>

ahora dentro de su controlador puede simplemente hacer esto:

angular
.module("something")
.controller("someController",
    [
       "$scope",
        function ($scope) {
            var vm = this;
            if(vm.someForm.$valid){
              // do something
            }
    }]);

Sí, puede acceder a un formulario en el controlador (como se indica en los documentos ).

Excepto cuando su formulario no está definido en el ámbito del controlador y en su lugar se define en un ámbito secundario.

Básicamente, algunas directivas angulares, como ng-if, ng-repeato ng-include, crearán un ámbito secundario aislado. También lo harán las directivas personalizadas con una scope: {}propiedad definida. Probablemente, sus componentes básicos también están en su camino.

Tuve el mismo problema al introducir un simple ng-ifalrededor de la <form>etiqueta.

Ver estos para más información:

• https://groups.google.com/forum/#!topic/angular/B2uB8-9_Xbk

• AngularJS: pérdida de alcance cuando se usa ng-include

Nota: le sugiero que vuelva a escribir su pregunta. La respuesta a su pregunta es sí, pero su problema es ligeramente diferente:

¿Puedo acceder a un formulario en un ámbito secundario desde el controlador?

A lo que la respuesta sería simplemente: no .

agregue ng-model="$ctrl.formName"atributo a su formulario, y luego en el controlador puede acceder al formulario como un objeto dentro de su controlador althis.formName

Definitivamente no puede acceder al formulario en el ámbito bec. No es creado. La plantilla DOM de html se carga un poco lentamente como el constructor del controlador. ¡la solución es mirar hasta que DOM se cargue y se defina todo el alcance!

en el controlador:

$timeout(function(){
    console.log('customerForm:', $scope.customerForm);
    // everything else what you need
});