AngularJs + ui.bootstrap.Modal 无法正常工作？答案

【问题标题】：AngularJs + ui.bootstrap.Modal not working properly?AngularJs + ui.bootstrap.Modal 无法正常工作？
【发布时间】：2014-05-29 18:09:58
【问题描述】：

我正在尝试获取我在 modal 中输入的任何内容；在主体上，但它没有发生，以某种方式数据绑定正在运行。这是我的笨蛋：http://plnkr.co/edit/sKAGGVQVStudrmtka72p?p=preview

【问题讨论】：

【解决方案1】：

替代解决方案：

更改 ok 函数以获取参数：

$scope.ok = function (take_me_outside) {
  console.log($modalInstance);
  $modalInstance.close(take_me_outside);
};

并在模板中使用它

<button class="btn btn-primary" ng-click="ok(take_me_outside)">OK</button>

【讨论】：

非常感谢，但你能解释一下，为什么我们在模板中使用它：ng-click="ok(take_me_outside)" 吗？另外，如果我想打印消息（在 javascript 中，如 alert 或 console.log();）在哪里可以完成？
我们将 ok 函数改为带参数，因此我们在 ng-click 函数上传递所需的参数。您可以在 ok 函数或模型实例的 .then 回调中记录/警告它。

【解决方案2】：

在使用 `$scope' 上的对象并将 ng-model 绑定到该对象时可以修复。在您的情况下，您可以使用以下内容：

$scope.modalForm = {};
$scope.modalForm.take_me_outside = "asdfasdf";

在代码中需要的地方更新这个结构，它就会起作用。我为你更新了 plunker，查看工作版本： http://plnkr.co/edit/XGU1rY650MsbvZ2fcqgJ?p=preview

【讨论】：