我已经用角材料做了一个工具提示。条件评估不起作用。
以下是代码
<li [ngClass]="{'active': selectedPage === pages[1]}">
<a class="dot" matTooltip="{{selectedPage == pages[4] ? User Name: ${userInputForm.value.newUserName} : ''}}" matTooltipPosition="above" matTooltipClass="tooltipFont"></a></li>
预期输出：
用户名：山姆
要么
用户名： ' '
但是输出在双引号内打印为字符串。如何使我的代码获得正确的输出？
由于User Name:很常见，请将其分开，然后在括号内附加带有条件运算符的其余部分(selectedPage == pages[4] ? userInputForm.value.newUserName : '')。
像这样尝试：
<a class="dot" [matTooltip]="'User Name:' + (selectedPage == pages[4] ? userInputForm.value.newUserName : '')" matTooltipPosition="above" matTooltipClass="tooltipFont"></a>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句