How to access a form in a modal from a controller

Question

In my controller.js file I have:

    angular.module('App').controller('AppCtrl', AppCtrl);

    function AddApp(){        
      var vm = this;
      vm.resetForm = resetForm;

      function resetForm(){
        vm.myForm.$setPristine();
      }
    }

    ...

    function openModal(message){

    var errorMessage = message;
    var modalInstance = $modal.open({
        templateUrl: 'url',
        controller: 'AppCtrl',
        controllerAs:   'App',
        resolve: {
            errorMessage: function () {
                return errorMessage;
            }
        }
    });
    }

and in my modal I have

    <div ng-controller="AppCtrl as App">
    <form name=App.myForm>
    ...

when I use this format it tells me that vm.myForm is undefined.

This is the closest thing I've found here, but it still did not work for me Can I access a form in the controller?

you write `function AddApp()` my question is where `AppCtrl` ? — Adi Prasetyo, Mar 09 '16 at 21:30

score 0 · Answer 1 · answered Mar 09 '16 at 21:38

You can pass the form by adding it to the resolve:

var modalInstance = $modal.open({
        templateUrl: 'url',
        controller: 'AppCtrl',
        controllerAs:   'App',
        resolve: {
            errorMessage: function () {
                return errorMessage;
            },
            myForm: function() {
                return vm.myForm;
            }
        }
    });

In your modal controller:

angular.module('app').controller('AppCtrl',
    ['$scope', 'errorMessage', 'myForm',
        function ($scope, errorMessage, myForm) {

            console.log(myForm);
    }]
);

How to access a form in a modal from a controller

1 Answers1