无法解析 angular ui 模态中的新对象

Question

我正在尝试实现 angular UI 模式并尝试在打开创建人员屏幕之前设置一些默认值。说一个像下面这样的新人物对象：

  var person = {};
  person.name = 'default';

在这个函数中

modalCtrl.open = function(size) {

    var person = {};
    person.name = 'default';

    console.log('person-->' + person);
    console.log('person.name-->' + person.name);

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: 'ModalInstanceCtrl',
      size: size,
      scope: $scope,
      resolve: {
        person: function() {
          return person;
        }
      }
    });

如果对象由调用者传递，我可以在更新流程中做同样的事情。

我的假设是我应该能够创建一个新对象并将其解析为在创建屏幕上显示一些默认值。有谁知道为什么我不能这样做？这是 plunker:

http://plnkr.co/edit/XLrbQpDoV8bx1vktbygx?p=preview

Answer 1

你可以解决它..只需要将人添加为模态实例控制器的依赖项

app.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', 'person',
  function($scope, $modalInstance, person) {
    alert(person.name);
    $scope.ok = function() {
      $modalInstance.close($scope.person);
    };

    $scope.cancel = function() {
      $modalInstance.dismiss('cancel');
    };
  }
]);

无法解析 angular ui 模态中的新对象

Not able to resolve a new object in angular ui modal

modal-dialog

angularjs

angularjs-scope