【问题标题】:Don't have access to attribute in my controller Angular.js 1.3无权访问我的控制器 Angular.js 1.3 中的属性
【发布时间】:2015-05-11 00:18:17
【问题描述】:

我正在构建一个简单的表单。 这个表格有一个生日字段。 我可以选择一个日期并坚持下去。 但是当我重新加载页面时,我有一个错误

Error: [ngModel:datefmt] Expected `2015-03-06T23:00:00.000Z` to be a date

我知道如何解决它。我需要将我的 user.date_birthday 转换为日期。 所以我尝试了这个。

'use strict';

angular.module('TheNameApp')
 .controller('SettingsCtrl', function ($scope, User, Auth) {

$scope.user = User.get();
$scope.errors = {};

console.log($scope.user); // display the resource
console.log($scope.user.date_birthday); //undefined

$scope.changeInformations = function(form) {
  $scope.infos_submitted = true;
  if(form.$valid) {
    Auth.changeInformations({
      gender: $scope.user.gender,
      city: $scope.user.city,
      country: $scope.user.country,
      talent: $scope.user.talent,
      date_birthday: $scope.user.date_birthday,
      user_name: $scope.user.user_name,
      email: $scope.user.email })
    .then( function() {
      $scope.infos_message = 'Done.'
    })
    .catch( function(err) {
      err = err.data;
      $scope.errors = {};

      // Update validity of form fields that match the mongoose errors
      angular.forEach(err.errors, function(error, field) {
        form[field].$setValidity('mongoose', false);
        $scope.errors[field] = error.message;
      });
    });
  }
};

.html

    <div class="form-group">
      <label>Birthday</label>

      <input type="date" name="date_birthday" class="form-control" ng-model="user.date_birthday"/>
    </div>

未定义 user.date_birthday 但我可以在 $scope.user 中看到它 我下一步需要这个

$scope.user.date_birthday = new Date($scope.user.date_birthday);

为什么我看不到我的属性?我该如何解决这个问题?

【问题讨论】:

  • 我们可以看看 $scope.user 的样子吗?

标签: javascript angularjs mongoose angularjs-ng-model


【解决方案1】:

假设您的 User 是一个资源,.get() 是一个异步调用。使用回调:

User.get(function(user) {
    user.date_birthday = new Date(user.date_birthday);
    $scope.user = user;
});

【讨论】:

  • 效果很好!但是为什么我仍然不能在我的控制器中加入 $scope.user.date_birthda 呢?它是未定义的。 (我编辑我的帖子以获取更多信息)
猜你喜欢
  • 1970-01-01
  • 2013-04-24
  • 1970-01-01
  • 2016-03-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-13
相关资源
最近更新 更多