Angular wait for variable change

Question

I want to make something actions in function only when variable is true. This changeAddressPermision variable changes in popup - when user click cancel changeAddressPermision is false, and when user click confirm changeAddressPermision is true. Popup looks like this:

<div *ngIf="!isPopupClosed" class="popup">
    <p class="popup__text">Are you sure you want to change address?</p>
    <div class="popup-button__div">
        <button class="popup__button" (click)="isPopupClosed = true; changeAddressPermision = true">Yes</button>
        <button class="popup__button" (click)="isPopupClosed = true; changeAddressPermision = false">Cancel</button>
    </div>
</div>

It should work like this: Function x listen to variable change - if user click Yes - popup close and function x do something based on changeAddressPermision. It should wait for user click on popup and if user click something - its do something based if changeAddressPermision == false or true

Amer · Accepted Answer · 2021-08-18 09:22:35Z

1

You can achieve that by adding setter/getter for changeAddressPermision like the following:

set changeAddressPermision(value: boolean) {
    this._changeAddressPermision = value;

    if (value) {
        // do something here if value is true
    } else {
        // do something here if value is false
    }
}
get changeAddressPermision(): boolean {
    return this._changeAddressPermision;
}
private _changeAddressPermision: boolean;

answered Aug 18, 2021 at 9:22

Amer

6,7442 gold badges11 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular wait for variable change

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related