【问题标题】:innerHTML returns different content Angular 9innerHTML 返回不同的内容 Angular 9
【发布时间】:2021-05-06 00:22:49
【问题描述】:

当我使用innerHTML时,一些标签被添加到dom中,我不修改字符串所以我不知道它们来自哪里。

processInitialDocumentResponse(doc: Document) {
 this.footnotes = doc.footnotes;
 console.log(this.footnotes)
}

控制台日志结果:

<p>Especial para La Ley. Derechos reservados (Ley 11.723)</p>  <p><a  id="#1"  name="#1" />(1) A objeto de soslayar &#8212;mayormente&#8212; la eventual virtualidad de la mora y la configuración de la causal de injurias graves o abandono.</p>  <p><a  id="#2"  name="#2" />(2) Nuestro Derecho Procesal de Familia, págs. 145/8, Abeledo Perrot, 2ª edición, y nuestro Código Procesal Civil y Comercial de la Nación, T° I, pág. 660, Abeledo Perrot, 4ª edición.</p>  <p><a  id="#3"  name="#3" />(3) VERDAGUER, Alejandro C., &quot;Acción meramente declarativa&quot;, LA LEY, 1990-D, 594; ZINNY, Jorge H., &quot;La acción meramente declarativa&quot;, LA LEY, 1996-B, 598; RIVERA RÚA, Néstor H., &quot;La llamada 'acción meramente declarativa'&quot;, JA, 1975-721-Doctrina; AGUILAR CARAVÍA, Oscar, &quot;La acción meramente declarativa de certeza en el derecho tributario&quot;, LA LEY, 1985-E, 600; GOZAÍNI, Osvaldo A., &quot;La acción declarativa frente a los principios iura novit curia y de congruencia&quot;, LA LEY, 1999-D, 134; SALGADO, Alí J., &quot;La pretensión de la sentencia meramente declarativa de certeza en la competencia originaria de la Corte Suprema&quot;, LA LEY, 1988-D, 30.</p>  <p><a  id="#4"  name="#4" />(4) CSJN, 29/3/1988, &quot;Colegio San Lucas SRL c. Estado Nacional y otra&quot;, JA, 1988-IV-382.</p>  <p><a  id="#5"  name="#5" />(5) Cám. Nac. Civ., sala A, 14/3/1995, &quot;Gachassin Dutchmann, Gabriela c. Wessels de Coffa, Linda A. y otros&quot;, JA, 1999-I-Síntesis.</p>  <p><a  id="#6"  name="#6" />(6) MORELLO, Augusto M., Constitución y Proceso, págs. 252/253, LexisNexis.</p>  <p><a  id="#7"  name="#7" />(7) Nuestro Código Procesal, T° I, pág. 659.</p>  <p><a  id="#8"  name="#8" />(8) Cám. Nac. Civ., sala A, 15/12/1997, &quot;Zajac, Gloria M. v. Microómnibus Ciudad de Buenos Aires - Línea 59&quot;, DJ, 1999-1-830; Cám. Nac. Civ., sala C, 9/10/1997, &quot;Macheras, Rubén c. Vivas, Roberto A. y otro&quot;, LA LEY, 1998-B, 90; Cám. Nac. Civ., sala G, 4/6/1998, &quot;Ruiz, Damaso c. Limont, Alejandro&quot;, LA LEY, 1999-B, 61; Cám. 2ª Civ. y Com. La Plata, sala I, 30/6/1998, &quot;Maggio, Italo F. c. Línea 18 SRL&quot;, LLBA, 1999-73 o DJBA, 155-355; Cám. Nac. Com., sala B, 3/11/2000, &quot;Cerutti, Roberto A. y otro c. Dota SA de Transportes y otro&quot; y &quot;Federación Patronal Coop. de Seguros Ltda. c. Línea 28, interno 46 y otros&quot;, LA LEY, 2001-B, 42; RCyS, 2001-II-155; Cám. Nac. Com., sala D, 30/11/1998, &quot;Castillo, Oscar H. c. Transportes Automotores Cuyo Ltda. y otro&quot;, LA LEY, 1999-D-242; DJ, 1999-2-1013; Cám. Nac. Com., sala E, 9/3/1999, &quot;Almeida de Estela, Irma c. Empresa Gral. Roca SA y otro&quot;, LA LEY, 1999-F, 55; DJ, 2000-1-586.</p>  <p><a  id="#9"  name="#9" />(9) Ob. y lug. citados en nota 2.</p>  <p><a  id="#10"  name="#10" />(10) C. Civ. y Com. San Isidro, sala 1ª, 09/11/1993, V., S. v. C., M. A., JA 1995-III-44.</p>  <p><a  id="#11"  name="#11" />(11) Si por caso se le imprimiese a la acción declarativa de alimentos las normas del juicio ordinario o, como suele suceder entre nosotros, las de los incidentes, su admisión aparejaría la supresión del efecto devolutivo que el artículo 647 del Código Procesal Civil y Comercial de la Nación acuerda al recurso de apelación deducido contra la sentencia que admite la pretensión de alimentos, y la violación de lo que imperativamente dispone el artículo 376 del Código Civil.</p>  <p><a  id="#12"  name="#12" />(12) Con la vital limitación que marca inicialmente el artículo 644 del Código Procesal en cuanto a que producida la prueba del actor se cierra la etapa probatoria del demandado.</p>  <p><a  id="#13"  name="#13" />(13) O al menos ello debe ser así previsto.</p>  <p><a  id="#14"  name="#14" />(14) Ver nuestro Código Procesal, T° II, pág. 1143/44.</p>  <p><a  id="#15"  name="#15" />(15) Es claro que lo que aquí se propone no excluye la decisión de otras cuestiones conexas, así la fijación cautelar de alimentos máxime que la propia demanda demuestra la existencia de un derecho en grado de verosimilitud, mientras que el peligro resulta &quot;ipsa loquitur&quot;.</p> 

html组件:​​

<div id="document-footnotes">
  <div #footNotes [innerHTML]="footnotes | safeHtml" ></div>
</div>

dom screenshot

红色箭头旁边的元素是在某个时刻创建的,但我不知道是什么时候。 当我将 createElement 与渲染器一起使用并使用 innerHTML 属性时,也会发生同样的情况。

我希望你能帮助我:) 谢谢:)

【问题讨论】:

    标签: javascript angular typescript innerhtml


    【解决方案1】:

    Angular 正在阻止内容。共享文本还包含特殊字符和日期。您将需要通过正确添加来解析内容以呈现它。尝试使用/或反斜杠来解析内容

    【讨论】:

    • 您好索尼娅,感谢您的回答。如果阻止内容,我不确定是否有角度。我可以在 dom 和页面上看到它。
    • 您好 Luis,由于 innerHTML 中存在额外的空白,因此正在发生此问题。我试图纠正这个问题,当我尝试相同的共享内容时,它也发生在我身上。但是我通过删除额外的空格来解决它。请参考下面的 Stackblitz 代码。此外,您肯定需要解析内容。 stackblitz.com/edit/angular-ivy-gyc81q?file=src/app/…
    • 非常感谢索尼娅。我使用正则表达式来删除它们。
    【解决方案2】:

    我认为 Angular 在 &lt;a id="#1" name="#1" /&gt; 上令人窒息。自闭合锚标签是有问题的。如果它只是用作锚点,为什么不将id直接放在&lt;p&gt;标签中?

    http://website.com/aboutus.html#gohere
    

    仍会向下滚动到

    <p id='gohere'>content....</p>
    

    来自https://stackoverflow.com/a/8064583/1772933

    ...更新:由于您无法从源头影响传入的内容,也许您可​​以尝试通过正则表达式关闭标签,看看是否有帮助。

    this.footnotes = this.footnotes.replace(/<a(.*)\/>/g, '<a$1></a>');>
    

    【讨论】:

    • 其实是html5中的有效标识符mathiasbynens.be/notes/html5-id-class
    • @charlietfl - Thx...哇,我知道它不那么严格,但我不知道它这么宽松!我会编辑我的回复。 &lt;p class="++++++++++[&gt;+++++++&gt;++++++++++&gt;+++&gt;+&lt;&lt;&lt;&lt;-]&gt;++.&gt;+.+++++++..+++.&gt;++.&lt;&lt;+++++++++++++++.&gt;.+++.------.--------.&gt;+.&gt;."&gt;哈哈!
    • 不确定是什么促使规范委员会如此疯狂
    • 所有这些问题都来自内容领域。不幸的是,我认为他们没有修复它们。
    • @LuisGutiérrez - 我更新了我的答案。试一试,看看有没有帮助。
    猜你喜欢
    • 2021-01-26
    • 2021-04-20
    • 2021-09-24
    • 2018-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-20
    • 1970-01-01
    相关资源
    最近更新 更多