Icon Button: when icon set dynamically, icon does not appear

[lizhuomeng71]

Info

IMPORTANT: This is an Angular only issue

If icon is set dynamically for Icon Button, loading the page from another page the icon does not show up. If you load the page from URL though, it does show up

https://jam.dev/c/b2771529-e892-4e49-a1aa-4974edd62eaa

Reproduce

1. Copy the below code
2. load the page via URL, icon shows (Page A)
3. click another page B
4. click back to page A, icon does not appear

Code

<goa-icon-button [variant]="iconButtonVariant" [size]="iconButtonSize" [icon]="iconButtonIcon" [disabled]="iconButtonDisabled" arialabel="Refresh icon"></goa-icon-button>

iconButtonVariant = "destructive";
iconButtonSize = "small";
iconButtonIcon = "accessibility";
iconButtonDisabled = false;;

Acceptance Criteria

1. Setting the icon dynamically for the icon button component should work in all situations for Angular