时间戳

首页 > 解决方案 > 通过按角度 4 中的 enter 键提交表单

angular - 通过按角度 4 中的 enter 键提交表单

问题描述

通过按 Enter 键需要以下面的角度 4 提交表单是我的表单代码Action = ""不起作用。我也尝试过(keydown) = domonething(event)使用(keydown.enter) = domonething(event) 下面的代码

keyDownFunction(event) {
    if (event.keyCode == 13) {
        this.submit();
    }
}

以下是我当前的代码

<form #f="ngForm" (ngSubmit)="f.form.valid && openModal(confirmationmodal)" novalidate action="">
    <div class="form-group form-row">
        <label class="col-form-label col-sm-4 col-md-4" for="name">Employee Name</label>
        <div class="col-sm-8 col-md-8">
            <span type="text" readonly class="form-control-plaintext" id="name">{{employeeDetails.EmployeeName}}</span>
        </div>
    </div>
    <div class="form-group form-row">
        <label class="col-form-label col-sm-4 col-md-4 " for="name">Manager Name</label>
        <div class="col-md-8  col-sm-8">
            <span type="text" readonly class="form-control-plaintext"
                id="manager">{{employeeDetails.ManagerName}}</span>
        </div>
    </div>
    <div class="form-group form-row">
        <label for="name" class="col-sm-4 col-md-4 col-form-label">Subject</label>
        <div class="col-md-8 col-sm-8">
            <span type="text" readonly class="form-control-plaintext" id="manager">{{subject}}</span>
        </div>
    </div>

    <button class="btn btn-success float-right" type="submit" id="submit">Submit</button>
</form>

标签： angularangular4-forms

解决方案

提交您(keyup.enter)="yourFunction()"的提交按钮

推荐阅读