Angular 10 Changing DOM Elements Dynamically

Initially, I render the page with a small box (Div element) that has 3 images and a button. After the page rendered, I call an action it does something and at this moment I'd like to dynamically change the 2 images, add a canvas to draw graphics and the button caption to something else? It's all on the same component. Is this possible in Angular? I tried as below with changeDetection. UI does not change.

@ViewChild('someid') someDiv : ElementRef;
isApproved: false;

method1() {
  ...does some logic...
}

method2(){
isApproved = true;
..get the nativeelement and drawimage...
}