解析angular 2中的json并显示正确的html元素

我正试图找出如何实现以下目标：

我有一个包含如下数据的JSON文件：

  [
    {
    "title": "Homepage",
    "link": "somelink",
    "designer": "some designer",
    "status": "5",
    "dateupdated": "2019-02-08"    
    }    
  ]

然后，我使用ngtemplate在html文档中引用这个JSON文件。大概是这样的：

<ng-template
  let-row="row"
  let-value="value"
  #statusColumnTemplate>
  {{ value }}
</ng-template>

但是，我不确定如何解析数据并显示正确的

“

标记，而不是它现在只显示输入的数字。任何帮助都将不胜感激

您正在寻找，您的代码应该如下所示：

<ng-template
  let-row="row"
  let-value="value"
  [ngClass]="{
            'status1' : row.status = 1,
            'status2' : row.status = 2
         }"
  #statusColumnTemplate>
  {{ row.status}}
</ng-template>

{{row.status}}

您正在寻找的代码应该是

<ng-template
  let-row="row"
  let-value="value"
  [ngClass]="{
            'status1' : row.status = 1,
            'status2' : row.status = 2
         }"
  #statusColumnTemplate>
  {{ row.status}}
</ng-template>

{{row.status}}

您可以简单地使用*ngIf

<span *ngIf="status==1" class="status1"></span>
<span *ngIf="status==2" class="status2"></span>

---

您可以简单地使用*ngIf

<span *ngIf="status==1" class="status1"></span>
<span *ngIf="status==2" class="status2"></span>