Angular $ scope undefined on form submit

Question

Я не знаю, что я делаю неправильно здесь, может ли кто-нибудь увидеть, что я делаю неправильно? Я просто хочу передать свои входы формы (в данном случае сборщик дат) в функцию контроллера, но все, что я пытаюсь получить, просто отображается как неопределенное!

Вот моя форма

<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> 

Вот мой класс контроллера

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

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

Все, что я пытался просто показ как неопределенные, так раздражает! Любая помощь будет принята с благодарностью

Answer 1

Вам не нужно пройти refinements в вашу функцию отправки, потому что ее привязка с использованием ng-модели и углового изменит для вас $scope.refinements.

Кроме того, вам необходимо инициализировать переменную refinements в контроллере.

$scope.refinements = {} 

Answer 2

Добавить $ scope.refinements = {}; в верхней части вашего контроллера.