Html 基于JSON文件数据更改span类标题

我的目标是使用span类的title属性生成一个工具提示，但是根据span类的不同，标题内容也会发生变化

今天，我有一个JSON文件，它有一个status属性，用status颜色（例如灰色、蓝色、橙色等）表示。例如：

  {
    "area":"Grouping",
    "title": "Information Architecture",
    "link": "#",
    "password": "",
    "designer": "Some Name Here",
    "status": "purple",
    "dateupdated": "2019-07-18"
  },

然后我用angular来显示这些数据。以下是状态栏：

<ng-template
  let-row="row"
  let-value="value"
  #statusColumnTemplate>
  <span class="{{ value }}" title="Test title"></span>
</ng-template>

显然，在这段代码中，无论标题中传递的是什么类颜色，都是相同的。理想情况下，我希望每个类的标题中有不同的信息，但我不确定如何做到这一点

---

非常感谢您的帮助

因此，您有两种可能实现这一点：

您可以将您的条件直接写入

标题

-标记，如下所示：

---

你能在stackbiltz分享一份吗？谢谢！我现在就试试这个。：）编辑：这非常有效。非常感谢你！另一种可能是在组件中创建一个

标题

对象，并在模板中使用它：

很高兴我能帮忙：）

<span class="{{ value }}" [title]="value === 'something' ? 'Tooltip on match' : 'Tooltip on else'">
</span>

<span *ngIf="value === 'something'" class="{{ value }}" title="First Tooltip">
</span>
<span *ngIf="value !== 'something'" class="{{ value }}" title="Second Tooltip">
</span>