Javascript Angular2:Contenteditable div不';I don’我没有按预期工作

Javascript Angular2:Contenteditable div不';I don’我没有按预期工作,javascript,html,angular,contenteditable,Javascript,Html,Angular,Contenteditable,当服务器存储的html文本绑定到contenteditable div时。不会处理和呈现html,而是按原样呈现 例如,下面来自服务器的html文本以文本形式呈现,而不是以html形式呈现 <br>---------- Forwarded message ----------<br>From: Someone &lt;<a href="mailto:sh@gmail.com" target="_blank">sh@gmail.com</a>

当服务器存储的html文本绑定到contenteditable div时。不会处理和呈现html,而是按原样呈现

例如,下面来自服务器的html文本以文本形式呈现,而不是以html形式呈现

<br>---------- Forwarded message ----------<br>From: Someone &lt;<a href="mailto:sh@gmail.com" target="_blank">sh@gmail.com</a>&gt;

如果要获取html,请使用
innerHTML
而不是
textContent
中的
refreshView

this.elementRef.nativeElement.innerHTML = this.model
类似地,在
onEdit
中:

var value = this.elementRef.nativeElement.innerHtml
另见


如果要获取html,请在
刷新视图中使用
innerHTML
而不是
textContent

this.elementRef.nativeElement.innerHTML = this.model
类似地,在
onEdit
中:

var value = this.elementRef.nativeElement.innerHtml
另见


请避免直接操纵DOM,因为它违背了angular 2的思维模式


您是否尝试使用
innerHTML
指令

请避免直接操纵DOM,因为它违背了angular 2的思维模式


您是否尝试使用
innerHTML
指令

虽然这很好,但您直接访问DOM并不好:/@Abdel如果您不打算使用服务器端渲染和Angulars WebWorkers,那么我看不出这个问题这很好,但是
onEdit
再次将html转换为文本。在
onEdit
方法中用
innetHTML
替换
innerText
,虽然这很有效,您正在直接访问DOM,这不好:/@Abdel如果您不打算使用服务器端渲染和使用Angulars WebWorkers,那么我看不出这个问题这很有效,但是
onEdit
再次将html转换为文本。在
onEdit
方法中用
innetHTML
替换
innerText