Angular – How to check the dismiss reason with an Angular Material snackbar

angularangular-material2snackbar

In the snackbar example on the Angular Material documentation the action is set to undo. I also want an undo snackbar.

But there is one problem. The afterDismissed event is fired when the dismiss button is clicked, but also when the duration has passed. So my form clear button will clear the form and show the snackbar, but after 5 seconds the input is back.

Is there a way to check if the dismiss is called by the undo button? I don't want to use a custom Snackbar because I have to remake the snackbar design…

Best Answer

When you subscribe to the afterDismissed event you should be able to get whether that event came from the snack bar action or not.

So for example if you open your snackbar:

const snackBarRef = this.snackBar.open('Dummy message', 'Undo', {duration: 5000});

Then subscribe to the event:

snackBarRef.afterDismissed().subscribe(info => {
  if (info.dismissedByAction === true) {
    // your code for handling this goes here
  }
});

Related Solutions

C# – system.convert to custom object

It sounds like the problem is that the value here is int, and int isn't convertible to Money, since it doesn't know anything about it (but Money might be convertible to int).

Glancing through the code (reflector), there is no obvious way that Convert.ChangeType is ever going to like this usage.

I'd be interested in knowing what grid component you are using, and where the int is coming from, because normally you would expect it to be dealing mainly to/from string, via the TypeConverter associated with the type or property (via PropertyDescriptor.Converter). Since it sounds like you have written your own TypeConverter, it would also be worth showing the ConvertFrom implementation.

Outside the grid usage, in regular C# you should be able to do this simply by define a static conversion operator (implicit / explicit).

Android – How to dismiss Snackbar when user does any action

I am assuming you are using fragments, so you could set an onTouchListener to your fragments main layout, and put inside snackbar.dismiss().

if you just want to dismiss on scroll set an onScrollListener and in the event dismiss the snackbar, Here's an implementation for recyclerview onScroll:

list.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                if (dy > 0) 
                    snackbar.dismiss();
                    }
                });

Best Answer

Related Solutions

C# – system.convert to custom object

Android – How to dismiss Snackbar when user does any action

Related Topic