我有这种情况:
<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(); } });
我想要做的是获得有效性检查和设置原始工作的能力.我尝试了使用和ngForm的不同组合,将表单设置为外部作用域中的对象等.仍然无法让所有这两者都起作用.请注意,我真的需要在HomeCtrl中执行$setPristine,因为有不同的MainCtrl,我不想重复实现代码很多次.
解决方法
您需要通过将表单对象包装在容器中来解决嵌套的作用域问题:
<form name="cont.mainForm">
然后在最高级控制器中设置cont对象
$scope.cont = {};
然后使用主窗体,类似于控制器中的内容:
$scope.cont.mainForm.$setPristine();
这是一个更新的插件:http://plnkr.co/edit/VKY7PlwZgUuVN6jfpAG8?p=preview