Posso accedere a un modulo nel controller?

Attualmente sto usando il seguente.

$scope.$$childHead.customerForm[firstName], così che:

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

Ma questo funziona solo in Chrome. Ora ho provato quanto segue:

$scope.editCustomerForm[firstName], così che:

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

Che non funziona. Nota che il mio modulo è all'interno di una scheda Fondazione. Come posso accedere firstName?

EDIT : sembra che formnon sia aggiunto a scopequando è all'interno di una scheda Foundation.

Qualcuno ha una soluzione per questo?

Anche se accennato in altri commenti, ho pensato di precisarlo un po 'per coloro che usano la sintassi "Controller As":

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

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

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

</div>

Quindi puoi accedere a FormController nel tuo codice come:

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

    function saveChanges() {

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

È possibile allegare il modulo a un oggetto definito in un controller principale. Quindi puoi raggiungere il tuo modulo anche da un ambito figlio.

Controllore principale

$scope.forms = {};

Alcuni template in un ambito figlio

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

Il problema è che il modulo non deve essere definito nel momento in cui viene eseguito il codice nel controller. Quindi devi fare qualcosa del genere

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

Se si desidera passare il modulo al controller a fini di convalida, è possibile passarlo semplicemente come argomento al metodo che gestisce l'invio. Usa il nome del modulo, quindi per la domanda originale sarebbe qualcosa del tipo:

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

Un po 'in ritardo per una risposta, ma è venuto con la seguente opzione. Funziona per me, ma non sono sicuro che sia il modo corretto o meno.

Dal mio punto di vista lo sto facendo:

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

E nel controller:

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

Ora dopo aver fatto questo ho ottenuto il mio modulo nella mia variabile controller che è $scope.myForm

Per poter accedere al modulo nel controller, è necessario aggiungerlo a un oggetto scope fittizio.

Qualcosa di simile a $scope.dummy = {}

Per la tua situazione questo significherebbe qualcosa di simile:

<form name="dummy.customerForm">

Nel tuo controller potrai accedere al modulo:

$scope.dummy.customerForm

e sarai in grado di fare cose come

$scope.dummy.customerForm.$setPristine()

WIKI LINK

Avere un '.' nei tuoi modelli assicurerà che l'ereditarietà prototipale sia in gioco. Quindi, usa <input type="text" ng-model="someObj.prop1">piuttosto che<input type="text" ng-model="prop1">

Se vuoi davvero / hai bisogno di usare una primitiva, ci sono due soluzioni alternative:

1.Utilizzare $ parent.parentScopeProperty nell'ambito secondario. Ciò impedirà all'ambito figlio di creare la propria proprietà. 2. Definire una funzione sull'ambito padre e chiamarla dal figlio, passando il valore primitivo al padre (non sempre possibile)

Questa risposta è un po 'in ritardo, ma mi sono imbattuto in una soluzione che rende MOLTO più facile.

Puoi effettivamente assegnare il nome del modulo direttamente al tuo controller se stai usando la sintassi controllerAs e quindi fare riferimento a esso dalla tua variabile "this". Ecco come l'ho fatto nel mio codice:

Ho configurato il controller tramite ui-router (ma puoi farlo come vuoi, anche in HTML direttamente con qualcosa del genere <div ng-controller="someController as myCtrl">) Ecco come potrebbe apparire in una configurazione di ui-router:

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

e poi nell'HTML, basta impostare il nome del modulo come "controllerAs". "name" in questo modo:

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

ora all'interno del tuo controller puoi semplicemente farlo:

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

Sì, puoi accedere a un modulo nel controller (come indicato nei documenti ).

Tranne quando il modulo non è definito nell'ambito del controller e viene invece definito in un ambito figlio.

Fondamentalmente, alcune direttive angolari, come ng-if, ng-repeato ng-include, creeranno un ambito figlio isolato. Così sarà qualsiasi direttiva personalizzata con una scope: {}proprietà definita. Probabilmente, anche i componenti della tua fondazione sono sulla tua strada.

Ho avuto lo stesso problema quando ho introdotto un semplice ng-ifattorno al <form>tag.

Vedi questi per maggiori informazioni:

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

• AngularJS - perdita di portata quando si utilizza ng-include

Nota: ti suggerisco di riscrivere la tua domanda. La risposta alla tua domanda è sì ma il tuo problema è leggermente diverso:

Posso accedere a un modulo in un ambito figlio dal controller?

A cui la risposta sarebbe semplicemente: no .

aggiungi l' ng-model="$ctrl.formName"attributo al tuo modulo e quindi nel controller puoi accedere al modulo come oggetto all'interno del tuo controller dathis.formName

Sicuramente non è possibile accedere al modulo nell'ambito. non è stato creato. Il modello DOM da html viene caricato un po 'lentamente come il costruttore del controller. la soluzione è guardare fino a quando non viene caricato DOM e tutto l'ambito definito!

nel controller:

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