ivi | based implementation of the Interchangeable Virtual

You need Angular Material Moment Adapter to format date in datepicker.

Step 1:

I don't know who posted the comment, but you were right. The installed package should contain the folders bundles, esm2015, fesm2015, lib. Apparently I was npm publishing the wrong folder.

All I needed to do was change my workflow to publish package = dist/path/to/package.json instead of projects/path/to/package.json.

My final workflow is:

As Stripe is a 3ed party tool and seems to not have any integration with Angular (judging on this line in Your repo when You are casting window to any before getting access to Stripe object) I would say this unexpected behavior is caused by running code outside of NgZone.

In a very simple terms - if Your code is calling some code as a callback of some external code, Angular might be not aware that the code was run. That means Angular is not aware of the fact some values changed -> it does not trigger change detection -> it does not refresh the page properly.

Why navigation is working? Because code in createToken's callback navigates to https://www.howlingwolfe.com/thank-you. And as URL changes, the matching component is used. Angular won't update the view but it will load a new component as URL changed.

Why console.log(this.isLoading); is working? It is not a part of Angular to worry about updating values of the variables. Angular will not have any idea You changed the value but in the code You definitely changed it, so console.log will be printing the proper value. It will be changed but Angular won't do anything about it if done outside of zone.

Now how to solve it: inject NgZone to constructor and wrap entire of the code (so starting from line 109) in this._ngZone.run(). You can follow the example provided in the docs.

Other issue might be that You are subscribing in the subscription. I do not have documentation here to back me up. The main reason would be that it gets tricky to unsubscribe from the inner subscription in a subscription (to be fair You should at least use takeUntil(unsubscribe$) pattern for each of Your subscriptions (so ...pipe(takeUntil(this.unsubscribe$)).subscribe(...)).

Next step would be to not having inner subscriptions - that's when higher observables come into play.

To give You an example, You should avoid doing it like this:

If it is feasible for you to provide a max-width rule to your mat-tab-group parent container, that could help you work around this issue.

Tried almost everything... finally I'm importing the source and it looks like it wants the project folder inside the root directory and not from a path outside it, so I copied the project folder from the module repository under the root of my app and pointed to it

Use Array.filter():

After a day's review of the project, I was:

• importing a class from the middleware that was using a library of the backend.

• using a library from the backend in the frontend

To fix the issues also complies with best-practices.

I have split the class in the middleware into two classes: one for the frontend, one for the backend. I have refactored the code so that the backend library was not necessary on the frontend. I ended up just fixing two files. And all the errors dissapeared.

So if you encounter something similar, double check whether or not you use some backend libraries/classes in your frontend.

You probably have nulls somewhere in your dataframe, but not in the first 20 rows that you showed. That's why you got an error when counting the whole dataframe, but not when showing 20 rows from the dataframe.

To prevent nulls from crashing the program, change your udf to:

Hovering is a problem, but there is an add-on library cypress-real-events that works well