Question

我正在为MatToolTip添加一个角度条件。首先，以下代码仅适用于1个字符串分配

matToolTip={{myData.name}}

但是我需要添加如下条件

matToolTip={{ myData.hasName : myData.name, myData.hasNoName : myData.NoNameMessage }}

传入的数据中有一个，而从没有。

我发现了另一个stackoverflow，ppl表示以下工作有效，但在我的Angular 7代码中却无效

{{element.source == 1 ? 'upwork' : (element.source == 2 ? 'refer from friend' : '')}}

我尝试将它们放在单引号中，但没有成功。任何帮助是极大的赞赏。谢谢。

Answer 1

尝试一下：

[matTooltip]="myData.hasName ? myData.name : (myData.hasNoName? 'myData.NoNameMessage' : null)"

Answer 2

您还可以使用插值在组件类上调用一个打字稿函数，该脚本将执行复杂的if-else场景。像这样的东西。

<button mat-raised-button
    matTooltip={{getToolTip(source)}}
    >

动作

getToolTip(source)  
{
var tooltip = '';
if(source==1)
{
  tooltip = 'upwork';
}
else
{
  if(source==2){
    tooltip = 'refer from friend';
  }
}
return tooltip;
}

内插的角度MatToolTip条件

2 个答案: