以角度清除模态引导形式答案

【问题标题】：clear modal bootstrap form in angular以角度清除模态引导形式
【发布时间】：2013-10-30 09:36:16
【问题描述】：

不使用 jquery 清除引导模式表单数据的最佳方法是什么？

我可以使用这个，但我想知道清除模态表单数据的角度方式。

$('#myModal').on('hidden', function () {
      $('#Username').val("");
 });

编辑：

我在表单上有多个元素。我发现最简单的方法是创建一个服务来重置对象并更新表单上的 ng-models。

要重置表单对象，调用共享服务重置：mySharedService.resetObj();要清除控制器中的表单：

$scope.myObj = mySharedService.getObj(); 
$scope.myForm={}; 
$scope.myForm.myData = angular.copy($scope.myObj);

所有元素都在“myData”项下。

【问题讨论】：

我尝试创建一个具有重置表单功能的服务，将空对象复制到控制器中的 ng-model 表单，然后从将 href 包装到模态链接的 div 中触发它。这对我有用。重置表单对象，调用共享服务重置：mySharedService.resetObj(); 清除控制器中的表单：$scope.myObj = mySharedService.getObj(); $scope.myForm={}; $scope.myForm.myData = angular.copy($scope.myObj);所有元素都在“myData”项下。然后我从将 href 包装到模态链接的 div 中调用此函数。

【解决方案1】：

使用ng-bind 将<div class="modal-body"> 中的任何值设置为等于$scope 变量，然后在您想要的任何操作上更改$scope 变量，最有可能在cancel 事件上，就像这样：

$scope.cancel = function () {
    $scope.yourVariable = "";
    $modalInstance.dismiss('cancel');
};

绑定是这样的：

<div class="modal-body">
   <div ng-bind="yourVariable"></div>
</div>

【讨论】：