ng-click과 ng-click의 차이점

ng-click과 ng-click의 차이점

angularjs에서는 ng-submit과 ng-click의 차이가 궁금합니다.구체적으로, 각각의 장단점과 언제 둘 중 하나를 선택해야 합니까?감사합니다!
**편집**
좀 더 알아보고 있습니다만, ng-submit을 사용하면 어떤 이점이 있는지 궁금하네요.모든 ng-submit 대신 ng-click을 사용할 수 있습니까?이렇게 하면 문제가 생기나요?다시 한 번 고마워!

ngSubmit 디렉티브는 폼이 전송될 때 실행되는 브라우저의 송신 이벤트에 바인드됩니다.

MDN에서:

제출은 단추나 제출 입력이 아닌 양식 요소에서만 실행됩니다.(양식은 버튼이 아니라 제출됩니다.)

사용자 등록 양식 등을 제출하는 데 사용할 수 있습니다.

한편, ngClick 디렉티브는 모든 종류의 요소에 적용할 수 있습니다.

소스:

ngClick 디렉티브를 사용하면 요소를 클릭했을 때의 커스텀 동작을 지정할 수 있습니다.

사용자가 양식을 제출하는 방법 이외의 방법으로 페이지와 상호 작용할 수 있도록 하려면 이 옵션을 사용합니다.'이전' 또는 '다음' 호출기 버튼이나 지도 같은 걸 클릭해 보세요.

각도는 요소에 액션, 데이터 액션 또는 x 액션 속성이 지정되지 않은 경우 기본 액션(서버에 대한 양식 제출)을 방지합니다.따라서 이러한 속성 ng-click 및 ng-submit을 사용하지 않고 angular with forms를 사용할 경우 호출할 javascript 메서드를 지정할 수 있습니다.어느 호출이든 angular의 양방향 데이터 바인딩 속성으로 인해 스코프 내의 모든 입력 값을 얻을 수 있습니다.모든 ng-submit 대신 ng-click을 사용할 수 있습니까? 이렇게 하면 문제가 생기나요?
ng-click을 사용할 경우 html 입력 속성(required, min-max, maxlength 등)을 고려하지 않고 메서드 본문을 즉시 실행합니다.

내가 가장 좋아하는 사용 이유ng-submit이 버튼을 누르면<Enter>폼 입력 등에 초점을 맞춘 상태에서 키를 누르면 폼이 제출됩니다.(물론 다음 버튼을 가지고 있다고 가정합니다).type="submit"(형식으로)

키보드를 사용하기 쉽고 접근성도 뛰어납니다.ng-click버튼을 누르면, 왜냐하면ng-submit사용자는 [Submit]버튼을 클릭하거나<Enter>.

유효하지 않을 때 양식을 제출하지 않으려면 버튼을 클릭하는 대신 양식 자체에 ng-submit 지시문을 사용합니다.

    <div class="row">
        <form name="adduser" ng-submit="AddUser(adduser.$valid)">                   
            <div id="name-group" class="form-group-lg">
                <input type="text"
                       required
                       name="name"
                       ng-model="userfullName"
                       class="form-control"
                       placeholder="Full Name">
            </div>

ng-submit에서는 파라미터 폼명을 사용하여 컨트롤러에서 함수 AddUser를 호출합니다.$valid. 이 제출 함수는 폼이 유효한 경우에만 호출됩니다. 즉, 폼의 모든 사용자 입력이 유효한 경우에만 호출됩니다.이 경우 양식이 올바르지 않으면 from이 전송되지 않습니다.

ng-click을 사용하면 유효하지 않은 경우에도 양식이 제출됩니다.ng-click에 대한 두 가지 관찰은 다음과 같습니다.

양식이 유효하지 않은 경우에도 양식을 제출할 수 있습니다. 잘못된 입력에 대해 값이 컨트롤러에서 정의되지 않음으로 설정되었습니다.

폼과 관련된ng-module 이 이벤트는 폼을 송신할 때 실행됩니다.폼 제출 이벤트 없이 ng-click을 사용할 수 있는 경우

언급URL : https://stackoverflow.com/questions/23553071/differences-between-ng-submit-and-ng-click