使用[innerHtml]未显示具有HTML属性的数据-Angular / Ionic

问题描述 投票:0回答:1

我有HTML代码保存在我的db中。当我调用它并使用[innerHtml]在Home.html上显示它时,我希望它显示具有HTML属性的文本,并显示为[[not。

我的下面home.html中的代码:

<ion-item *ngFor="let list of search_qa;let i =index;">{{list.q_subject}}<br/><br/> <span (click)="open(list.qid)" [innerHtml]="list.q_describe">{{list.q_describe}}</span>

来自

db

:的代码 <td width="498" colspan="2" valign="top" style="width:373.25pt;border:solid black 1.0pt; border-left:none;background:transparent;padding:4.0pt 4.0pt 4.0pt 4.0pt; height:30.35pt"> <p class="MsoNoSpacing" style="text-align:justify;text-indent:.3pt"><b><span lang="EN-GB" style='font-size:16.0pt;font-family:"Chaparral Pro",serif'>A particle moves with simple harmonic motion in a straight line. In first </span></b><b><span lang="EN-GB" style="font-size:16.0pt;font-family:Symbol">t </span></b><b><span lang="EN-GB" style='font-size:16.0pt;font-family:"Chaparral Pro",serif'>s, after starting from rest it travels a <font color="red">distance a</font>, and in next </span></b><b><span lang="EN-GB" style="font-size:16.0pt;font-family:Symbol">t</span></b><b><span lang="EN-GB" style='font-size:16.0pt;font-family:"Chaparral Pro",serif'> s it travels 2a, in same direction, then </span></b></p> </td>
[请注意:当我对其进行硬编码时,它会按预期显示,但是当它来自db时,这是不正确的,下面是我的表单的屏幕截图:

enter image description here

请指导。预先感谢您的帮助

我将HTML代码保存在数据库中。当我调用它并使用[innerHtml]在Home.html上显示它时,我希望它显示带有HTML属性的文本,但该文本没有显示。我在home.html中的代码如下:...

angular ionic-framework ionic2 ionic3
1个回答
0
投票
您应该清理HTML以便正常工作,最好的方法是使用管道。 here是一个很棒的教程。
© www.soinside.com 2019 - 2024. All rights reserved.