表单提交中未定义的角$scope

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 = {}；。