【问题标题】:UI angular modal controller $scope values handling mistakeUI角度模态控制器$scope值处理错误
【发布时间】:2014-05-01 03:24:45
【问题描述】:

我正在使用角度 UI 模态,在我的模态模板中我有 2 个输入和一个按钮,这是使用 ng-model 属性,好的,我为模态设置了一个控制器,它可以工作,它确实除了获取输入值之外的所有内容,即使我在控制器中为输入设置了一个值,它也会改变它,但是当我尝试从模板中获取值时,我得到了一个未定义的响应,我做了这个 plunker 并有点插入我的模态并为其制作了一个控制器

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

【问题讨论】:

  • you plunker 不可用。

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


【解决方案1】:

模态窗口有自己的范围。你要做的就是把你的模型变成一个对象。所以把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');
  };
};

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-04-08
    • 2023-04-08
    • 2016-08-27
    • 1970-01-01
    • 2017-02-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多