Как отключить кнопку после отправки

Question

Как отключить кнопку после отправки

Если вы пользуетесь встроенным сервером Visual Studio Development или не хотите или не можете установить IIS, вы можете изменить веб-сервер, который использует проект, перейдя в

Свойства проекта (проект правой кнопкой мыши в проводнике решений и выберите свойства)
выберите вкладку «Веб»
выберите «Использовать Visual Studio Development Server».

Я не знаю, как это со мной произошло, но каким-то образом этот вариант был изменен на «Использовать локальный веб-сервер IIS» для одного из моих проектов.

0

html angular submit disable

задан J.vee 16 January 2019 в 10:05

2 ответа

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

html angular submit disable

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

score 0 · Answer 1

Вы можете определить поле в вашем компоненте и установить его в true при отправке.

<button class="btn btn-primary" (click)="processAdd()" [disabled]="addfrm.invalid || submitted">add</button>

внутри компонента

export class MyComponent {
    submitted = false;
    ...

    processAdd() {
        this.submitted = true; 
        this.someService.post(this.addForm).subscribe(result => {
            this.submitted = false; // reset it on response from server
        });
    }

}

score 0 · Answer 2

Вы можете попробовать с директивой ngForm :

<form [formGroup]="addfrm" #myform="ngForm">

  <div style="text-align:center">
    <button class="btn btn-primary" (click)="processAdd()" [disabled]="myform.submitted">add</button>
    <button data-dismiss="modal" class="btn btn-default">cancel</button>
  </div>

</form>