相关疑难解决方法(0)

是否可以提交没有提交按钮的表单(按Enter键)示例:

<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
  <input [(ngModel)]="lxxR"   ngControl="xxxxx"/>
</form

目前,我有一个建议,菜单组件,当相应的事件发生时,我增加了相应的变量(pressedUp,pressedDown,pressedEnter使用在父组件)suggestion-menu在其模板.

<suggestion-menu             
  [pressedUp]="pressedUp" 
  [pressedDown]="pressedDown" 
  [pressedEnter]="pressedEnter" 
  [query]="someQuery" 
  (onSuggestionClicked)="doSomething($event)">
</suggestion-menu>

然后在建议菜单组件中我用这样的东西检测到变化:

ngOnChanges(inputChanges) {
    if (inputChanges.pressedUp) {
        //do Something
    }

    if (inputChanges.pressDown) {
        //do Something
    }

    if (inputChanges.pressedEnter) {
        //do Something
    }
}

这可以用更好,更少hacky和更多面向事件的方式来完成吗？我希望通过建议菜单组件监听窗口中发生的所有关键事件.然后,如果它是重要的东西(例如向上,向下或输入按下),它将需要自己处理它.

我需要对话框内的按钮响应该key.enter事件。

我已经搜索过，所有示例都是位于 a 内的按钮，<form>但情况并非如此

我是否需要将按钮放入“虚拟表单”中才能正常工作？我可以在不丢失当前按钮样式的情况下做到这一点吗

这是我尝试过的...

<mat-dialog-actions class="buttons">
    <button mat-button mat-dialog-close (click)="onCancelClick()">
        {{data.cancel}}
    </button>
    <button class="action nonDefault" mat-button mat-dialog-close color="accent" class="action"
        (click)="cancelOrClose()" (keyup.enter)="cancelOrClose()">
        {{data.cancelOrClose}}
    </button>
</mat-dialog-actions>

在对话框打开的情况下按 Enter 键不会执行任何操作

我发现的类似问题

Angular 5 按钮按 Enter 键提交

Angular 2材质keyup.enter根本不会触发