Forms 清晰的模态引导形式

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

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

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

编辑：

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

要重置表单对象，请调用共享服务重置：

mySharedService.resetObj（）清除控制器中的表单：

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

所有元素都在“myData”项下
 使用
ng bind
将
中任何内容的值设置为一个
$scope
变量，然后更改
$scope
变量的任何操作，最有可能是在
取消
事件上，如下所示：

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

绑定如下所示：

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


我尝试创建一个带有重置表单功能的服务，将空对象复制到控制器中的ng模型表单，并从一个将href包装到模式链接的div触发此操作。这对我很管用。要重置表单对象，请调用共享服务重置：
mySharedService.resetObj（）清除控制器中的表单：$scope.myObj=mySharedService.getObj（）$scope.myForm={}$scope.myForm.myData=angular.copy（$scope.myObj）；所有元素都在“myData”项下。然后我从将href包装到模式链接的div调用此函数。谢谢。我在表单上有多个元素。我发现最简单的方法是创建一个服务来重置对象并更新表单上的ng模型。