我有这种情况:
<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