锚标记 href 中带有三元运算符的条件 url 会引发解析错误 Angular

恩里克GF

美好的一天开发者。我正在尝试在 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改用hrefif /somelink/...is a route 在您的应用程序中,这样当用户点击(点击)链接时,您的应用程序不会重新加载。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在 VueJS 中的锚标记 href 内设置基本 url

导航到URL并从锚标记中获取href属性?

如何从锚标记解析URL

锚标记中href =“ ###”的用途是什么

用括号中的href替换锚标记

JavaScript中的多个锚标记href值

锚标记中的空 Onclick 和 href

锚标记中的onclick和href

如何在angular2+的'innerHTML'中的锚标记中使用routerLink而不是href?

将父元素属性附加到锚标记href的URL

如何使用带有 href 的锚标记的 querySelector?

是否可以使用没有href属性的<a>(锚标记)?

如何排除具有特定href的锚标记?

无法仅选择锚标记中首次出现的href?

如何在锚标记<a href>中打开警报框?

Angular:如何从锚标记数组(ng-repeat)中禁用锚标记

.htaccess附加带有锚标记的URL Slug

jQuery使用div / span ID选择器和锚标记类在锚标记中获取href

使 href 中的每个带有哈希 (#) 的锚标记取消点击

使用锚标记链接到Java中的外部URL

如何在jQuery中获取锚标记URL哈希值?

使用jQuery在带有XML内容的锚标记内生成href

如何在没有href =“#”的情况下将焦点放在锚标记上

从锚标记中的属性 href 加载特定 div 中的 html 文件

在通过href =“ file:/// .........”指向文件的html锚标记中,“ file:///”部分称为什么?

如何在Zend Framework 2的html中定义锚标记的href?

如果我使用#怎么办!而不是锚标记<a>的href中的#?

如何使用golang从锚标记的href属性中的变量连接值

解析Java字符串中的锚标记