Question

我想在我自己的模态对话框指令中使用AngularJS表单指令。 Plunker在这里： http://plnkr.co/edit/Gw5XeKMxNDYafXgcAkRk

适用于index.html

$scope.toggleModal2 = function() {
  console.log( $scope.newForm2 );
  $scope.newForm2.$setPristine();
  $scope.newForm2.$setValidity();
  $scope.newForm2.$setUntouched();
}

不使用模态对话框。

在index.html页面上，如果我尝试更改＆＃39;其他名称＆＃39;并留下空输入，然后红色错误＆＃39; required＆＃39;会出现。然后我点击了，点击休息，它将清除表单有效性和setPristine，并且＆＃39; required＆＃39;将消失。

然后我在弹出的Modal对话框中有另一个表单。当我通过“取消”关闭它时，浏览器调试器会说＆＃39; TypeError：undefined不是函数＆＃39;。同样的$ scope.newForm1是＆＃39; undefined＆＃39;，不会像上面的情况那样得到我的表格。

我现在知道模态指令在这里有一个孤立的范围。有办法解决这个问题吗？

我也试过过bootstrap模式，它也一样。

感谢。

angularJS如何在模态指令中重置表单

0 个答案: