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

发布时间：2020-12-17 17:37:58 所属栏目：安全来源：网络整理

导读：我有这种情况： 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.con

我有这种情况：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!