角度清晰的模态自举形式

Question

在不使用jquery的情况下清除bootstrap模态表单数据的最佳方法是什么？

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

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

编辑：

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

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

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

所有元素都在'myData'项下。

Answer 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>