Question

我对Angular很新，但有近三十年的开发经验。我希望，我遗漏了一些简单的东西。

一切都很好，但是你会注意到在我的“当前所有者邮件地址”中它有一个HTML中断，但是当它在页面上显示时，我实际上看到的是HTML标记，而不是预期的文本中断。我怎么能绕过这个？我没有运气找到它周围的任何信息。

我的component.ts中有以下内容：

public maData = { "groupData": [ 
{ "title" : "Public Records", 
  "datapoints" : [
    {"label" : "Current Owner", "value" : "JOHN SMITH"},
    {"label" : "Current Owner Mailing Address", "value" : "123 FL HIGHWAY 218<BR/>MIDDLEBURG, FL 32068-0000"},
    {"label" : "Loan Recording Date", "value" : "04/10/2015"},
    {"label" : "Loan Borrower Name", "value" : "JOHN SMITH"},
    {"label" : "Concurrent Sale Date", "value" : ""},
  ]}, 
]

}

我的HTML看起来像这样：

<div name="float_group" style="order:6" class="float group" *ngFor="let ld of maData.groupData">
  <div class="header groupChar">
        {{ld.title}}
  </div>
  <div class="data">
      <div class="contentRow" *ngFor="let dp of ld.datapoints">
        <div class="labelText">
          {{dp.label}}
        </div>
        <div class="valueText">
          {{dp.value}}
        </div>
      </div>
    </div>
  <div class="footer groupChar"></div>
</div>

这对我来说只是一次POC和角色学习练习。我接下来的步骤是将此绑定到将生成这些JSON响应的SOAP服务，因此我将控制如何使用它，但UI已经在多行中显示它。

Answer 1

使用if (not link["nofollow"]) and (l.get_output_value("crawl_meta_nofollow") != "nofollow"): r = self.get_viu_request(link["url"]) request_links.append(r) yield r：

在将值解释为HTML
时使用

innerHtml

允许在JSON中显示HTML标签以进行显示

1 个答案: