각도의 모달 부트 스트랩 양식을

jquery를 사용하지 않고 부트 스트랩 모달 폼 데이터를 지우는 가장 좋은 방법은 무엇입니까?각도의 모달 부트 스트랩 양식을

이 방법을 사용할 수는 있지만 모달 형식 데이터를 지우는 각도 방법을 알고 싶습니다.

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

편집 :

내가 폼의 여러 요소가 있습니다. 가장 쉬운 방법은 객체를 재설정하는 서비스를 생성하고 양식의 ng 모델을 업데이트하는 것입니다. mySharedService.resetObj();를 컨트롤러에서 양식을 지우려면 :

공유 서비스가 다시 호출 양식 객체를 재설정하려면

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

모든 요소는 'MYDATA'항목을 받고있다. 의 값을 설정

출처

2013-10-21 Annie C

양식을 재설정하고 컨트롤러의 ng-model 양식에 빈 개체를 복사 한 다음 href를 모달 링크로 래핑하는 div. 그것은 나를 위해 일했다. 양식 객체를 재설정하려면 재설정 공유 서비스를 호출 : 'mySharedService.resetObj를(); ' 컨트롤러에서 양식을 지우려면 :) ( $ scope.myObj = mySharedService.getObj; $ scope.myForm = {}; $ scope.myForm.myData = angular.copy ($ scope.myObj); 모든 요소가 'myData'항목 아래에 있습니다. 그런 다음이 함수를 href에서 모달 링크로 래핑하는 div에서 호출합니다. –

사용 ng-bind는 $scope 변수와 동일한 <div class="modal-body"> 내부의 어떤, 다음과 같이의 cancel 이벤트에 가장 가능성이 당신이 원하는대로 행동에 $scope 변수를 변경 :

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

을 바인딩은 다음과 같습니다.

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

출처

2013-10-21 20:53:17 thaavik

감사합니다. 양식에 여러 요소가 있습니다. 가장 쉬운 방법은 객체를 재설정하는 서비스를 생성하고 양식의 ng 모델을 업데이트하는 것입니다. –

해결책을 보여줄 수 있습니까? – smartmouse

각도의 모달 부트 스트랩 양식을

답변

관련 문제