1

我在 Angular 项目中使用Quill Editor，我需要多行占位符。由于 Quill 通过呈现占位符，::before我认为实现这一点应该很简单，正如关于多行数据属性的 SA 问题中所指定的那样。

我通过 Json 从后端获取占位符：

placeholder : 'Line number 1 
 Line number 2'

当我将此作为placeholder这些“新行”的值时，指示符不会呈现为新行，而是呈现为文本。

<quill-editor [placeholder]="rtePlaceholder">

当我使用开发工具编辑页面并将 JSON 中的字符串复制粘贴到生成的data-placeholder属性中时，它会正确呈现。

我想我可能不得不以某种方式绕过 domsanitizer ，正如这个 SA 问题中所说

 <quill-editor [placeholder]="getRtePlaceholder()">

 getRtePlaceholder() {
  // hardcoded string to better show it, here will then be the value from the JSON.
  this.rtePlaceholder = this.sanitizer.bypassSecurityTrustHtml('Line 1. &#xa; Line1');
  }
  return this.rtePlaceholder;
 }

现在我遇到这个问题，我明白了SafeValue must use [property]=binding although I'm already using property binding。（关于这个的另一个 SA 问题，甚至是另一个问题）

但是这些问题主要是关于 innerhtml （一个是关于 iframe 的 src ），但我从来没有得到任何这些工作。

所以我的问题是：这是获取角度多线属性的正确方法吗？如果是这样，我该如何正确逃避它？如果没有，我如何让多行数据属性在 Angular 中呈现？

4

0 回答 0