Javascript Angular2:Contenteditable div不';I don’我没有按预期工作
当服务器存储的html文本绑定到contenteditable div时。不会处理和呈现html,而是按原样呈现 例如,下面来自服务器的html文本以文本形式呈现,而不是以html形式呈现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 <<a href="mailto:sh@gmail.com" target="_blank">sh@gmail.com</a>
<br>---------- Forwarded message ----------<br>From: Someone <<a href="mailto:sh@gmail.com" target="_blank">sh@gmail.com</a>>
如果要获取html,请使用
innerHTML
而不是textContent
中的refreshView
this.elementRef.nativeElement.innerHTML = this.model
类似地,在onEdit
中:
var value = this.elementRef.nativeElement.innerHtml
另见
刷新视图中使用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