ngIf 用于 Javascript 数组中不同类型的键

Question

concerts: [
    {
        key: "field_concerts_time",
        lbl: "Date"
    }, {
        key: ["field_concert_fromtime", "field_concert_totime"],
        lbl: "Time",
        concat: "to"
    }, {
        key: "field_concerts_agereq",
        lbl: "Age Requirements"
    }, {
        key: "field_concerts_dresscode",
        lbl: "Dress Code"
    }, {
        key: "field_concerts_prices",
        lbl: "Prices"
    }

]

 descriptions: {

 "field_concerts_time": [

  {
  "value": "2019-09-16T00:00:00",
  }
  ],

"field_concert_totime": [

  {
  "value": "1:00AM"
  }

  ],

 "field_concert_fromtime": [

  {
  "value": "7:30PM"
  }

  ]
  }

我有音乐会数组和描述对象，我想从音乐会中获取“键”并为该字段获取值

    <p *ngFor="let otherdetail of otherdetailsarray">
    <span *ngIf="descriptions[otherdetail.key][0].value !== null"> 
      {{otherdetail.lbl}} :</span>
    <span *ngIf="descriptions[otherdetail.key][0].value !== null && 
      descriptions[otherdetail.key][0].value !== undefined"> 
      {{descriptions[otherdetail.key][0].value }}</span>
  </p>

我得到了第一个索引键“field_concerts_time”的值，并使用上述标签从描述中获取了值。我希望这段代码支持"key: ["field_concert_fromtime", "field_concert_totime"]"

Answer 1

给你。检查您是否已到达音乐会的时间对象。 如果是这样，则通过另外索引字段 0 和 1 将键作为数组处理。

<p *ngFor="let otherdetail of otherdetailsarray">
<span *ngIf="descriptions[otherdetail.key][0].value !== null"> 
  {{otherdetail.lbl}} :</span>

<span *ngIf="otherdetail.lbl !== 'Time' &&
  descriptions[otherdetail.key][0].value !== null && 
  descriptions[otherdetail.key][0].value !== undefined">
  {{descriptions[otherdetail.key][0].value }} 
</span>

<span *ngIf="otherdetail.lbl == 'Time' &&
  descriptions[otherdetail.key[0]][0].value && 
  descriptions[otherdetail.key[1]][0].value"> 
   {{descriptions[otherdetail.key[0]][0].value }} {{otherdetail.concat}}
  {{descriptions[otherdetail.key[1]][0].value }}
  </span>

</p>

这应该可以解决问题。