how to parse the html code in frontend which is returned from backend?
I wirte very simple code to describe this,
BACKEND:
# python backend return html code to frontend
def demoFunc():
# module name: simple.demo
# business logic codes
return {'div': "hello world"}
Frontend JS:
class SimpleDemo extends Components {
setup(){
...
this.state = useState({ htmlcode: 'default'});
onMounted(async () = > {
await this.orm.call('simple.demo', 'demoFunc', ['']).then((val)= > {
this.state.htmlcode = val;
});
});
}
}
Frontend template:
[templates xml:space="preserve">
[t t-name="simpledemo.template">
[t t-esc="state.htmlcode.div" />
[/t>
[/templates>
(forum editor automatically parse above code so I replaced
problem:
in template:
[t t-esc="state.htmlcode.div" />
the raw htmlcode is directly displayed in web page :
[div class='demo'>hello world[/div>
, acutally I want to have it parse this div sentence with class "demo", and display:
"hello world"
how to parse the html code in front end?