Refresh diagram without refreshing the page

Question

Hi,I want to refresh the diagram only say for example I have updated the text of the connector in that case. How I can achieve it. This time I am refreshing the whole page with window.location.reload which is not getting acceptable. Kindly help

Aravind Ravi · Answer

Hi Rakhi, 
 
We have created a sample to change the connector text at run time. When you want to change any properties in the diagram use diagram dataBind() public property. When you call dataBind() property in diagram , property change function triggers and change the respective property in the diagram. Please find the below code snippet for how to use the dataBind() property. 
 




public Change() { 
      this.diagram.connectors[0].annotations[0].content = "Changed Connector"; 
      this.diagram.dataBind(); 
    } 
 
We have attached a sample for your reference. Please find the sample in below link 
 
Sample: https://stackblitz.com/edit/angular-c6dmfq-woostx?file=app.component.ts 
 
Regards 
Aravind Ravi