Pause for Progress - Angular 6

Question

Pause for Progress - Angular 6

I'm looking for a solution to solve the following issue. I need to access a property that will store data from an http request. Therefore, I want to verify this property only after the transaction is completed.

  validateAuthorization(path: string): boolean{
    const currentUser: UserStorage = this.storage.getCurrentUser();
    let user: User
    this.userService.findUserByLogin(currentUser.login).subscribe(
        data => {
            user = data
        }

    )

    if (user.profile.springSecurity == 'ROLE_ADMIN'){
        return true;
    } else {
        const message: Message = {message: 'User does not have permission', type: MessageType.ERROR}
        this.message.notify(message)
        return false;

    }
}

angular typescript

Answer 1

Answer №1

To implement the necessary changes, you must update the function to return an observable instead. Utilize the map method to convert the data into the desired boolean outcome.

checkAuthorization(path: string): Observable<boolean>{
    const loggedInUser: UsrStoraged = this.storage.getLoggedInUser();
    return this.userService.findByLogin(loggedInUser.login).pipe(map(
        data => {
            const user = data

            if (user.profile.springSecurity == 'ROLE_ADMIN'){
                return true;
            } else {
                const message: Message = {message: 'User does not have permission', type: MessageType.ERROR}
                this.message.notify(message)
                return false;
            }
        }
    ))
}

If you haven't already done so, remember to import the necessary modules:

import {Observable} from "rxjs"
import {map} from "rxjs/operators"

Next, ensure that any code calling this function subscribes to the result. For instance, instead of:

if (checkAuthorization("foo")) {
    // do stuff
} else {
    // do other stuff
}

You should use:

checkAuthorization("foo").subscribe(isAuthorized => {
    if (isAuthorized) {
        // do stuff
    } else {
        // do other stuff
    }
})

Answer 2

To implement the necessary changes, you must update the function to return an observable instead. Utilize the map method to convert the data into the desired boolean outcome.

checkAuthorization(path: string): Observable<boolean>{
    const loggedInUser: UsrStoraged = this.storage.getLoggedInUser();
    return this.userService.findByLogin(loggedInUser.login).pipe(map(
        data => {
            const user = data

            if (user.profile.springSecurity == 'ROLE_ADMIN'){
                return true;
            } else {
                const message: Message = {message: 'User does not have permission', type: MessageType.ERROR}
                this.message.notify(message)
                return false;
            }
        }
    ))
}

If you haven't already done so, remember to import the necessary modules:

import {Observable} from "rxjs"
import {map} from "rxjs/operators"

Next, ensure that any code calling this function subscribes to the result. For instance, instead of:

if (checkAuthorization("foo")) {
    // do stuff
} else {
    // do other stuff
}

You should use:

checkAuthorization("foo").subscribe(isAuthorized => {
    if (isAuthorized) {
        // do stuff
    } else {
        // do other stuff
    }
})

Answer 3

Answer №2

data => { will be triggered upon receiving it, allowing you to encapsulate your code within:

checkAuthorization(path: string): boolean{
    const usuarioLogado: UsrStoraged = this.storage.getUsuarioLogado();
    let usuario: Usuario
    this.usuarioService.findByLogin(usuarioLogado.login).subscribe(
        data => {
            usuario = data
            if (usuario.perfil.springSecurity == 'ROLE_ADMIN'){
                return true;
            } else {
                const message: Message = {message: 'Usuário sem permissão', type: TipoMensagem.ERROR}
                this.message.notify(message)
                return false;

            }
        } 
    );
}

Tip: To handle errors, include error => {} similar to the structure of data mentioned above.

Answer 4

data => { will be triggered upon receiving it, allowing you to encapsulate your code within:

checkAuthorization(path: string): boolean{
    const usuarioLogado: UsrStoraged = this.storage.getUsuarioLogado();
    let usuario: Usuario
    this.usuarioService.findByLogin(usuarioLogado.login).subscribe(
        data => {
            usuario = data
            if (usuario.perfil.springSecurity == 'ROLE_ADMIN'){
                return true;
            } else {
                const message: Message = {message: 'Usuário sem permissão', type: TipoMensagem.ERROR}
                this.message.notify(message)
                return false;

            }
        } 
    );
}

Tip: To handle errors, include error => {} similar to the structure of data mentioned above.

Pause for Progress - Angular 6

Answer №1

Answer №2

Similar questions

How come the props aren't being passed from the parent to the child component? (React / TypeScript)

What is the best way to extract a variable from a URL and assign it to an Ionic variable

Oops! Issue encountered while trying to read the file "src/core/database/config.ts"

Developing a function that takes a parameter which can be used with or without an additional argument when invoked

The number of keys in the related object must correspond to the length of the array in Advanced Generic Types

Eliminate the need for require statements in TypeScript-generated JavaScript files

Making sure the checkbox stays selected in an angular environment

Angular routing is giving me trouble when trying to open various menus at the same location

Utilizing the '+' symbol in path for efficient Express routing

Angular2 bootstrapping of multiple components

Setting up TypeScript compilation for TS modules in an AngularJs application: A comprehensive guide

Angular: Template parsing errors: Parser Error: Unexpected token "=" at column

Sending an image in the body of an HTTP request using Angular 7

Clearing transformation offset in Angular Material Drag and Drop

Guide to navigating to a specific module within an Angular 2 application directly from the index page

Tips for enabling TypeScript's static typings to function during runtime

Error: The NgTools_InternalApi_NG_2 member is not exported in compiler-cli/src/ngtools_api

Real-time data not instantly stored using socket.io

Updating object properties in Typescript

Converting an image file from the local directory to base64 encoding in an Angular application