即使清除DOM,也无法从angularjs中的ng-models重置表单数据

时间:2017-08-10 08:14:52

标签: angularjs dom angularjs-ng-form

我有一个信息中心,其中包含成员成员列表。登录时,用户将被带到仪表板。单击任何记录后,它们将被带到表单(abPro.html。),在那里他们可以编辑详细信息。

<input type="text" class="form-control resetFormData ANo" maxlength="25" ng-model="ANo">

<button ng-click = "linkDash()">Go to Dashboard</button>

<button ng-click = "saveCoLea(EmailId,ANo)">Save As Draft</button>

&#34;转到仪表板&#34;按钮将用户带回仪表板。这允许用户在仪表板和表单之间切换,以便他们可以查看成员的详细信息进行更改并保存信息。每当用户单击转到仪表板时,我们会在main.js中触发linkDash()函数,该控制器AppController会重置Form。 (仅包含两个表单字段以保持代码简短)

$scope.linkDash = function(){    
     $scope.EmailId = undefined;    
     $scope.ANo = undefined;    
     $(".resetFormData").val('');    
}

当&#34;另存为草稿&#34;单击按钮它会在控制器abProController的abPro.js中触发函数saveCoLead()函数

$scope.saveCorporateLead = function(EmailId,AccountNo){
      alert(Emailid +’and’+ AccountNo);
}

当用户保存数据时保存。但是,保存后如果用户通过点击转到信息中心按钮返回信息中心,则会选择其他成员数据对表单进行更改,然后将电子邮件ID 留空然后保存我们发现前一个成员的电子邮件ID插入数据库的数据。理想情况下,电子邮件ID应为空或空,因为用户单击仪表板时,表单字段将被重置。只有在此之后,用户才会获取加载到表单中的另一个成员的详细信息。

想知道是否有人知道为什么会发生这种情况以及如何重置表单字段。

0 个答案:

没有答案
相关问题