Translate service

I am developing and implementing translation feature on the webpage using angular and node.js. I am currently using AWS Translate service specifically TranslateClient, and TranslateDocumentCommand.

I am sending part of the DOM that needs to be translated as string format because TranslateDocumentCommand takes 'text/html'. After I receive my response back from the service, which is string format of html with translated text (do not change tags or id to different language it only translate static text part of html), I replace my original html with response html using renderer2 .setProperty in angular.

The problem is it renders the static part of html with chosen language but dynamic rendering part doesn't show on the webpage anymore. It seems like it loses angular functionality and html functionality as well because the click to route to different page also doesn't work after replacement.

Any suggestion or idea?