60
задан 1 June 2015 в 21:23

1 ответ

Следующее должно работать... т.е. форма только отправлена на нажатии кнопки, а не при ударе Enter в Полях ввода. (Это определенно работает на реактивные формы. Я не протестировал его на шаблонные формы).

<form #form [formGroup]="form" METHOD="GET" action="http://localhost:3000/test">
  <input placeholder="Enter"/>
  <input placeholder="The Dragon"/>
  <button type="button" (click)="form.submit()">Submit</button>
</form>

, Конечно, помните весь импорт и объявления:

app.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
. . .
    FormsModule,
    ReactiveFormsModule

  ]
. . . 
})
export class AppModule { }

test.component.ts

import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
})
export class TestComponent {
  form: FormGroup = new FormGroup({});
  constructor() { }

}

0
ответ дан 31 October 2019 в 16:50

Другие вопросы по тегам:

Похожие вопросы: