header parallax image
uncoditional

code liberated

  • Home
  • Pete
  • Home
  • Pete
angularmaterial designunCODitional

material dialog- how to get response data .subscribe()

March 28, 2022Peter Lombardo1667 views

I wasn’t sure how to get the data back from the form in the dialog box. Turns I needed to subscribe to the dialog box.

Also, the close button in the upper right needed a cancel();

as always fyi/hth


<button class="close" mat-button (click)="cancel()"  >X</button>
<h4 mat-dialog-title>There are items in this category.</h4>

<p>
    <button id="keepItemsConfirm" type="button" class="btn btn-default" mat-button [mat-dialog-close]="false" cdkFocusInitial>
       Keep the items, delete this category
    </button>
</p>
<button mat-button [mat-dialog-close]="true"  class="btn btn-danger" cdkFocusInitial>
       Delete category and included items
</button>


openTemplateDialogBox() {
   this.dialog.open(NewMasterCalendarComponent).afterClosed().subscribe(result=> {
      console.log(result)
  });
}
  • tweet
previous story

Is not a known element (in angular material)

next story

Angular component code block execution order

Peter Lombardo

Peter Lombardo

Web developer too long.

you might also like

  lives on!

June 15, 2022

Cannot find module ‘…/…’ or its corresponding type declarations.

June 15, 2022

*ngIf – use parentheses

June 14, 2022

about me

uncoditional

Pete Lombardo

I like people and coding. Both change. Twenty years of full-stack development. I live in Maryland.

Recent Posts

  •   lives on!
    									
  • Cannot find module ‘…/…’ or its corresponding type declarations.
  • *ngIf – use parentheses
  • Angular component code block execution order
  • material dialog- how to get response data .subscribe()

Recent Comments

    Archives

    • June 2022
    • March 2022
    • June 2020
    • June 2019
    • November 2017
    • October 2017
    • September 2017
    • August 2017
    • June 2017
    • June 2015
    • May 2015
    • April 2015
    • October 2014
    • September 2014
    • July 2014
    • June 2014
    • May 2013
    • February 2013
    • January 2013
    • November 2012
    • October 2012

    Categories

    • angular
    • AWS
    • before the code
    • Browser Support
    • CFML & Mach-II
    • Chromebook
    • ckEditor
    • CloudSearch
    • ColdFusion
    • Java
    • javascript/typescript
    • JQuery and CSS
    • Languages
    • Life
    • material design
    • project
    • Projects
    • SNS
    • SQL
    • Tools
    • Uncategorized
    • unCODitional

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org
    0
    Followers
    0
    Followers
    0
    Followers
    0
    Followers

    Follow @ Instagram

    Configuration error or no pictures...