Question

我正在开展一个已实施搜索功能的项目。 input元素如下所示：

<input #input type="text" name="query" class="form-control" id="nav-input" (ngModelChange)="onquery($event)"
           [(ngModel)]="searchdata.query" autocomplete="off" (keypress)="onEnter($event)">

onEnter(event: any) {
    if (event.which === 13) {
      this.displayStatus = 'hidebox';
      event.target.blur();
      this.submit();
    }

submit() {
    if (this.searchdata.query.toString().length !== 0) {
      if (!this.router.url.toString().includes('/search')) {
        this.router.navigate(['/search'], {queryParams: this.searchdata});
      }

在键入查询并按Enter键时，它在控制台中显示错误：

Form submission canceled because the form is not connected

我无法弄明白，如何解决这个问题。如果有人可以帮助我，那将会很棒。：）

Answer 1

在event.preventDefault()函数中添加onEnter可以解决问题，因为它可能会尝试发送不存在的表单。

Answer 2

从模板和组件中更改函数onEnter（）的名称。使用任何其他名称不是这个。

角度2：输入错误

2 个答案: