Угловой тип 2 кнопки отправки не будет работать

Question

Я работаю над HTML-частью.кнопка с типом кнопки «отправить» не работает в моем проекте.

app.component.html

                <div class="form-group">
                    <div class="col-offset-2 col-10">
                    <button type="submit" class="btn btn-primary btn-lg" onclick="myFunction()"> Submits </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

<script>


function myFunction() {
    alert("I am an alert box!");
}
</script>

Answer 1

с помощью angular вы можете добавить событие нажатия на кнопку, добавив:

(click)="yourfunction()"

, но вы можете использовать модуль форм или модуль реактивных форм для доступа к свойству вашей формы, например:

<form (ngSubmit)="onSignin(form)" #form="ngForm">
    <!-- your forms data here -->
<button type="submit">Login</button>
</form>

и затем внедрите свою форму в файл ts следующим образом:

onSignin(form: NgForm) { 
    // execute your code here
  }