How to change id/class when new element drop on editor or render element with dynamic ip?

Hello @artf , Hope you are doing well.

I have two questions regards dynamic blocks adding,

1. Is it possible to render the block with dynamic id?
2. Is it possible to change the id/class/onClick methods in block:drag:stop or component:add grapesjs methods?

Here is some of my code,

bm.add("image-cropper",
        {
          label: '<div class="gjs-block-label">Image Cropper</div>',
          tab: "2",
          content: '<div id="staticId" onclick="jsFunc(staticId)"><h1>Hello</h1><div>'
        }
      )

In above example i need to make dynamic instead of staticId. Which is also passed into the onclick function as well.

I am trying to change that id inside the

editor.on('block:drag:stop', function (droppedComponent) {
      $('#staticId').attr('id', 'random id is here');
}

But after the change with the help of $('#staticId').attr('id', 'random id is here'); it's not getting change actually.

Actually i am using grapes.js with angular.js(Angular 1).

So, can you please suggest me is there any way to solve my problem using grapes.js? If you think it can be solve using jQuery then please also suggest me that way too.