Javascript 在Angular 2中动态隐藏/显示工具提示

我在

ngFor

循环中有一些元素。其中一些有工具提示，而另一些没有。当我像这样使用以下代码时：

<div ngFor="let item of items">
    <div [title]="item.title">

---

没有工具提示的项目将显示

未定义

。当其他项目的工具提示仍然显示时，如果该项目没有工具提示，是否有办法将其隐藏？

如果未定义

项目标题，请使用
|
操作符将默认值设置为空字符串。这将阻止显示工具提示。示例如所示

一些内容
我想我只需要添加另外两种方法，如果您不知道，您也可以这样做：

<div [title]="getTitle()"> Some content </div>


除此之外，您还可以利用typescript：

这样，title将永远不会返回
null
或
未定义的

<div [title]="getTitle()"> Some content </div>

public getTitle(): string{
   return item.title || '';
}

export class Item{
  private _title:string;
  get title():string {
      return this._title || '';
  }
  set title(value:string) {
      this._title = value;
  }
}