Question

我遇到这种情况：

<body ng-controller="HomeCtrl">
   <div ng-controller="MainCtrl">
       <form name="mainForm" >
  <button type"button" ng-click="mp1()">Make Pristine 1</button>
  <button type"button" ng-click="mp2()">Make Pristine 2</button>

这适用于MainCtrl：

app.controller('MainCtrl', function($scope) {
  $scope.mp2 = function() {
    $scope.mainForm.$setPristine();
  }
});

这在HomeCtrl中不起作用：

app.controller('HomeCtrl', function($scope) {
  $scope.mp1 = function() {
    $scope.mainForm.$setPristine();
  }
});

这是一个显示问题的傻瓜：Example

我要做的是获得有效性检查和设置原始工作的能力。我尝试了使用和ngForm的不同组合，将表单设置为外部作用域中的对象等。仍然无法让所有这两者都起作用。请注意，我真的需要在HomeCtrl中执行$ setPristine，因为有不同的MainCtrl，我不想重复实现代码很多次。

Answer 1

您需要通过将表单对象包装在容器中来解决嵌套作用域问题：

<form name="cont.mainForm">

然后在最高级控制器中设置cont对象

$scope.cont = {};

然后使用主窗体，类似于控制器中的内容：

$scope.cont.mainForm.$setPristine();

以下是适用于您的更新内容：http://plnkr.co/edit/VKY7PlwZgUuVN6jfpAG8?p=preview

如何从家庭控制器将表单的值设置为pristine？

1 个答案: