AngularJs + ui.bootstrap.Modal工作不正常?

时间:2014-05-29 09:57:44

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

我正在尝试取出我在模态中输入的内容;在主体上,但它没有发生,不知何故一种方式运行数据绑定。 这是我的傻瓜:http://plnkr.co/edit/sKAGGVQVStudrmtka72p?p=preview

2 个答案:

答案 0 :(得分:2)

替代解决方案:

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

更改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>

答案 1 :(得分:1)

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

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

在代码中需要的地方更新此结构,它将起作用。 我为你更新了plunker,看看工作版本: http://plnkr.co/edit/XGU1rY650MsbvZ2fcqgJ?p=preview