programing

AngularJS: 폼 트리거 내의 모든 버튼이 전송됩니까?

skycolor 2023. 3. 28. 21:30
반응형

AngularJS: 폼 트리거 내의 모든 버튼이 전송됩니까?

만약 이것이 서류에 기재되어 있다면 미리 사과드립니다만, 찾을 수 없을 것 같습니다.

저는 트위터 부트스트랩을 사용하고 있기 때문에 여러 개의 버튼을 사용하는 매우 간단한 폼을 가지고 있습니다.문제는 폼의 버튼 중 하나를 클릭하면 이벤트가 angular로 전송되는 것처럼 보인다는 것입니다.양식에는 "require" 속성을 사용하는 입력 필드가 여러 개 있으므로 아무 버튼이나 클릭하면 필드가 필수라는 대화상자가 열립니다.사용자가 실제 제출 버튼을 클릭했을 때에만 유효성이 확인되도록 하는 것을 제외하고는 모두 양호합니다.

ng-submit을 false만 반환하는 함수로 설정해 보았습니다만, 효과가 없는 것 같습니다.

업데이트: event.proventDefault()를 사용하는 디렉티브를 사용하여 임시 회피책을 찾았습니다.하지만 이건 좀 과한 것 같고 모든 버튼에 붙여야 한다는 뜻이기도 합니다.

<div class="row-fluid">
    <div class="span12">
        <form ng-submit="onSubmit()" class="form-horizontal">
            <div class="row-fluid">
                <div class="span12">
                    <div class="katana-technician-form">
                        <div class="control-group">
                            <label class="control-label">Tekniker
                                <div class="controls">
                                    <div class="input-append">
                                        <input type="text" class="span2" />
                                        <div class="btn-group">
                                            <!-- Triggers onSubmit-->
                                            <button data-toggle="dropdown" class="btn dropdown-toggle">Velg<span class="caret"></span>

                                            </button>
                                            <ul class="dropdown-menu">
                                                <li>Kake</li>
                                                <li>Bake</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <!-- Triggers onSubmit-->
                    <button type="submit"></button>
                </div>
            </div>
    </div>
    </form>
</div>
</div>

설정해 보세요.type="button"버튼을 클릭합니다.

질문은 이것이 무엇을 하는지 자세히 설명합니다.

언급URL : https://stackoverflow.com/questions/15687921/angularjs-all-buttons-inside-form-triggers-submit

반응형