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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何从家庭控制器将表单的值设置为pristine?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这种情况:

<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,我不想重复实现代码很多次.

解决方法

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

<form name="cont.mainForm">

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

$scope.cont = {};

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

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

这是一个更新的插件http://plnkr.co/edit/VKY7PlwZgUuVN6jfpAG8?p=preview

猜你在找的Angularjs相关文章