如何为Angular 8中的数组中的值创建超链接

我有这样的数据

plans:[
  {
    "planName": "PlanA",
    "planCode": "PLN001"
  },
  { 
    "planName": "PlanB",
    "planCode": "PLN002"
  },
  {
    "planName": "PlanC",
    "planCode": "PLN003"
  }
]

我需要在UI HTML中显示，如下所示

<p> User 1 is enrolled in PlanA , PlanB , PLanC </p>

谢谢你的帮助

这就是我到目前为止所尝试的

<p *ngIf="plans?.length > 0">{{UserName}} has a balance in the {{plans.planName.join(', ')}} .</p>

问题1 变量计划=[{planName:PlanA，planCode:PLN001}，{planName:PlanB，planCode:PLN002}，{planName:PlanC，planCode:PLN003}] var result=plans.mapplan=>plan.planName.reduceacc，curr=>acc+，'+curr console.logresult 也许是这样：

<p> User 1 is enrolled in 
  <a *ngFor="let plan of plans" href="#{{plan.planCode}}_details">{{plan.PlanName}}</a>
</p>

---

您可以使用此函数a=求解第一个问题，然后映射plans数组plans.mapx=>a=a.concat'，'，，x.PlanCode感谢您的回答…但我需要添加问题1的超链接..用户1已注册PlanA，PlanB，PLanC。。。在这里，我应该点击平面图A或平面图B或平面图C来了解细节section@Margerine：我已更新了答案，但您需要确保超链接确实重定向到详细信息。我建议你们研究一下角度路由器，用角度方式设置路由。谢谢你们的帮助。

<p> User 1 is enrolled in 
  <a *ngFor="let plan of plans" href="#{{plan.planCode}}_details">{{plan.PlanName}}</a>
</p>