繁体   English   中英

内插的角度MatToolTip条件

[英]Angular MatToolTip Condition inside Interpolation

我为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' : '')}}

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

尝试这个:

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

您还可以使用插值在组件类上调用一个打字稿函数,该脚本将执行复杂的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;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM