javascript - ui-router 状态 Controller 在范围内具有未定义的 ng-models

Question

我正在尝试通过注入(inject) ui-router 的 Controller 来操纵一些输入日期，但我不清楚在这种情况下范围应如何工作。

我附上我的示例场景:

模板 html

<div class="date-filter-gallery">
  <input type="date" ng-model="date.start">
  <input type="date" ng-model="date.end">
</div>

Ui路由器

.state('stationGallery', {
  url: '/station-gallery/{stationId}',
  templateUrl: 'src/templates/station-detail.template.html',
  controller: 'StationGalleryController as sg',
  resolve: {
    images: ['$stateParams', 'WeatherStationsService', function ($stateParams, WeatherStationsService) {
      return WeatherStationsService.getImagesByStation($stateParams.stationId);
    }]
  }
});

Controller

StationGalleryController.$inject = ['$scope'];
  function StationGalleryController($scope) {
  let sg = this;
  $scope.date.start = new Date(2017,1,1);
  $scope.date.end = new Date(2017,2,1);
}

$scope.date 未定义

我对这个问题表示歉意，但我对 Angular 和 JS 世界还是个新手。

谢谢

Answer 1

首先实例化$scope.date对象。例如:

$scope.date = {};
$scope.date.start = new Date(2017,1,1);
$scope.date.end = new Date(2017,2,1);

或者如果您愿意:

$scope.date = {
    'start': new Date(2017,1,1),
    'end': new Date(2017,2,1)
}