UI角度模态控制器$范围值处理错误

时间:2014-04-30 18:40:03

标签: javascript angularjs modal-dialog angular-ui-bootstrap

我正在使用角度UI模式,在我的模态模板中我有2个输入和一个按钮,这是使用了模型属性,好吧,我有一个控制器设置为模态,这是有效的,它确实即使我在控制器中为输入设置了一个值,它也会获得输入的值,但是当我尝试从模板中获取值时,我得到了一个未定义的响应,我做了这个plunker并且有点插入我的模态并为它做了一个控制器一个按钮在输入中设置一个预定义的值,另一个试图得到它,我希望有人可以帮助我,thx

http://plnkr.co/edit/7NCbo28DbDc8vkxjE2gx?p=preview

1 个答案:

答案 0 :(得分:2)

模态窗口有自己的范围。你想要做的就是把你的模型变成一个对象。因此,请bootusername并将其命名为bootusername.text

然后,您可以在实例控制器中初始化bootusername,并像这样设置模型:

var ModalInstanceCtrl = function ($scope, $modalInstance)
{
  $scope.bootusername = {}; //initialize the object

  $scope.check1 = function()
  {
    $scope.bootusername.text = 56; //set the object here or just type in input
  };

  $scope.check2 = function()
  {
    console.log($scope.bootusername.text);
  };

  $scope.ok = function()
  {
    $modalInstance.close($scope.selected.item);
  };

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