Как после отправки показать окно (angular)?

Для показа окна в Angular после отправки, вы можете использовать модальные окна или всплывающие окна. Вот несколько шагов, которые помогут вам реализовать это:

1. Установите модуль модального окна:
Подключите внешний модуль модального окна, такой как ngx-bootstrap или ng-bootstrap. Установите его с помощью npm команды:

   npm install ngx-bootstrap --save

2. Импортируйте модуль модального окна:
Подключите модуль модального окна в ваш модуль Angular, импортировав его в файле app.module.ts:

   import { ModalModule } from 'ngx-bootstrap/modal';
   
   @NgModule({
     imports: [
       // ... другие импорты
       ModalModule.forRoot()
     ],
     // ... остальная часть кода
   })
   export class AppModule { }

3. Создайте компонент окна:
Создайте новый компонент для вашего окна. Например, dialog.component.ts:

   import { Component } from '@angular/core';
   
   @Component({
     selector: 'app-dialog',
     template: `
       <div class="modal">
         <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
               <h4 class="modal-title">Ваше окно</h4>
             </div>
             <div class="modal-body">
               <p>Текст в вашем окне</p>
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-primary" (click)="close()">Закрыть</button>
             </div>
           </div>
         </div>
       </div>
     `
   })
   export class DialogComponent {
     close() {
       // Ваш код для закрытия окна
     }
   }

4. Показать окно после отправки:
В вашем компоненте, который обрабатывает отправку данных, вставьте логику для открытия окна после отправки:

   import { Component } from '@angular/core';
   import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
   import { DialogComponent } from 'путь/к/вашему/dialog.component';
   
   @Component({
     selector: 'app-form',
     template: `
       <form (submit)="submitForm()">
         <!-- Форма отправки данных -->
       </form>
     `
   })
   export class FormComponent {
     modalRef: BsModalRef;
   
     constructor(private modalService: BsModalService) { }
   
     submitForm() {
       // ... ваш код для отправки данных
   
       this.modalRef = this.modalService.show(DialogComponent);
     }
   }

Теперь, после отправки данных, модальное окно будет показано на экране. Вы можете настроить внешний вид окна и его содержимое, добавив собственные стили и контент в компонент окна (dialog.component.ts).

Не забудьте также настроить стили и импортировать необходимые компоненты модуля модального окна в ваш файл CSS и/или SCSS, чтобы получить правильное отображение модального окна.

Надеюсь, эта информация поможет вам реализовать показ окна после отправки в вашем приложении Angular!