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



我使用的是angular UI模态,在我的模态模板中,我有两个输入和一个按钮,这是使用th ng模型属性的,好吧,我为模态设置了一个控制器,它可以工作,它可以做所有事情,但获取输入的值,即使我在控制器中为输入设置了值,它也会更改它,但是当我试图从模板中获取值时,我得到了一个未定义的响应,我制作了这个plunker,插入了我的模态,并为它制作了一个控制器,一个按钮在输入中设置了一个预定义的值,另一个按钮试图获取它,我希望有人能帮助我,thx

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

模式窗口有自己的作用域。你想做的就是把你的模型做成一个物体。所以取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');
  };
};

相关内容

最新更新