invoke the next function a different privateFunction within rxjs

Question

invoke the next function a different privateFunction within rxjs

I'm trying to figure out how to pass the resetPassword data to the _confirmToUnlock method in Typescript/RxJS. Here is my subscribe method:

 public invokeUnlockModal() {
   let resetPassword = { userName: this.user?.userName};    //i need to send this to _confirmToUnlock method
      this.infoModal.componentInstance.emitUserOp
                     .subscribe({ next: this._confirmToUnlock });
  }

This method is called when needed:

    private _confirmToUnlock = async (response: { opStatus: string }) => {
        
      if (response.opStatus.toLowerCase() === 'confirmed') {
          
//  let resultObs= this.dataService.unlockUser(resetPassword);
  //let result= await resultObs.toPromise();
         }
      }

If anyone has any ideas on how I can achieve this, please let me know.

angular typescript rxjs

Answer 1

Answer №1

I'm not really familiar with this specific Modal definition, but if it involves a simple callback, you can try using an arrow function to pass arguments.

You can attempt the following approach:

public openUnlockModal() {
  let passwordReset = { username: this.user?.username };
    this.infoModal.componentInstance.emitUserOp.subscribe({ 
      next: (response: any) => this._confirmUnlock(response, passwordReset)
    });
}

private _confirmUnlock = async (response: { status: string }, passwordReset: any) => {
  // utilize `passwordReset` here
  if (response.status.toLowerCase() === 'confirmed') {
  }
}

Furthermore, I recommend avoiding mixing Promises and Observables in your code as it can make maintenance challenging. It's best to either convert everything to Observables or vice versa.

Answer 2

I'm not really familiar with this specific Modal definition, but if it involves a simple callback, you can try using an arrow function to pass arguments.

You can attempt the following approach:

public openUnlockModal() {
  let passwordReset = { username: this.user?.username };
    this.infoModal.componentInstance.emitUserOp.subscribe({ 
      next: (response: any) => this._confirmUnlock(response, passwordReset)
    });
}

private _confirmUnlock = async (response: { status: string }, passwordReset: any) => {
  // utilize `passwordReset` here
  if (response.status.toLowerCase() === 'confirmed') {
  }
}

Furthermore, I recommend avoiding mixing Promises and Observables in your code as it can make maintenance challenging. It's best to either convert everything to Observables or vice versa.

invoke the next function a different privateFunction within rxjs

Answer №1

Similar questions

How to customize Material UI Autocomplete options background color

Filtering JSON by a specific value in Ionic 2 app

There is no such property - Axios and TypeScript

This code snippet, document.location.search.replace('?redirect=', '').replace('%2F', ''), is failing to execute properly in Firefox

The mat-dialog component in Angular does not apply the styling of mat-button

Identifying the end of a tree traversal using RxJS

While attempting to set up a fresh 'TypeScript Angular Project' in Visual Studio 2022, I encountered an Error Message stating "Visual Studio Code: Illegal characters found in the path"

Ways to implement logging in an NPM package without the need for a specific logging library

Leverage the power of TypeScript custom transformer and project reference for enhanced

How to access a deeply nested object in Angular 2

Step-by-step guide for deploying an Angular 2 CLI app on GitHub

Does Nativescript have a feature similar to "Hydration"?

Encountering issues with React Nextjs - unable to utilize useState hook or

Angular 7: Unable to connect with 'messages' because it is not recognized as a valid attribute of 'message-list'

Tips for implementing validation in template-driven form using Ionic 3

Is it possible to utilize a React component within the DataGrid cell instead of the standard cell types like 'string', 'number', 'date', and 'dateTime' in Material UI?

Toggle the disable state of a button depending on a specific condition

Retrieve all items that match the ids in the array from the database

The HTML button triggers a function to execute on a different webpage when clicked

What is the predefined value for a multi-select generated by the ng-for directive in Angular?