Angular $scope undefined on form submit

Question

I don't know what I am doing wrong here, can anyone see what I am doing wrong? I just want to pass my form inputs (in this case a date picker) to a controller function, but everything I try to access just shows up as undefined!

Here is my form

<form ng-submit="showRefinedGameMarkers(refinements)">
    <div class="list">
      <div class="datepickers">
      From Date:
      <label class="item item-input">
        <input ng-controller="DatepickerCtrl"
        type="text" 
        placeholder="Pick date" 
        ng-model="refinements.from_datepicker" 
        name="from_datepicker" 
        ng-click="opendateModal()" 
        readonly>
      </label>
      </div>

Here is my controller class

.controller('MapController', function($scope, $ionicLoading, gameFactory, $compile) {

  $scope.showRefinedGameMarkers = function(refinements) {
    $scope.refinements = refinements;
    console.log($scope.refinements);
    ...
    }
})

Everything I have tried is just showing up as undefined, so annoying! Any help would be greatly appreciated thank you

Add $scope.refinements = {}; at the top of your controller.

nweg
– nweg

2015-02-11 22:00:45 +00:00
Commented Feb 11, 2015 at 22:00 — nweg
– nweg, Commented Feb 11, 2015 at 22:00

levi · Accepted Answer · 2015-02-11 22:03:29Z

1

You dont need pass refinements to your submit function, because its bound using ng-model and angular will change $scope.refinements for you.

Also,you need to initialize your refinements variable in your controller.

$scope.refinements = {}

answered Feb 11, 2015 at 22:03

levi

22.8k7 gold badges79 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1180888 Over a year ago

I put $scope.refinements = {} at the top of my controller, but everything I try is still show as being undefined. Is $scope.refinements = refinements; console.log($scope.refinements); the right syntax even? Thanks

nweg · Accepted Answer · 2015-02-11 22:02:41Z

1

Add $scope.refinements = {}; at the top of your controller.

answered Feb 11, 2015 at 22:02

nweg

2,8753 gold badges25 silver badges31 bronze badges

1 Comment

user1180888 Over a year ago

I put $scope.refinements = {} at the top of my controller, but everything I try is still show as being undefined. Is $scope.refinements = refinements; console.log($scope.refinements); the right syntax even? Thanks

Collectives™ on Stack Overflow

Angular $scope undefined on form submit

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related