美好的一天开发者。我正在尝试在 html 模板中为我的锚标记 href 动态设置 URL,但我收到此错误:
Parser Error: Got interpolation ({{}}) where expression was expected at column 30 in
[somevariable?['/somelink/{{ some.id }}?someparam={{ paramid }}&origin=origin']:'']
如果某个布尔类型的随机变量具有真值,则 href 将重定向到 URL,因此:
<a [href]="(somevariable)?('/somelink/{{ some.id }}?someparam={{ paramid }}&origin=origin'):''">
</a>
对此有更好的方法吗?...提前致谢
您可以将插值更改为:
<a href="{{ somevariable ? '/somelink/' + some.id + '?someparam=' + paramid + '&origin=origin' : '' }}">
但是如果somevariable
是假的,你的锚标签最终可能没有链接。所以我建议你使用以下方法隐藏该实例中的锚标记*ngIf
:
<a *ngIf="somevariable" href="{{ '/somelink/' + some.id + '?someparam=' + paramid + '&origin=origin' }}">
此外,我建议您routerLink
改用href
if /somelink/...
is a route 在您的应用程序中,这样当用户点击(点击)链接时,您的应用程序不会重新加载。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句