href内的角度2条件

时间:2017-03-23 06:35:27

标签: angular

我有这行代码

<a href="{{banner.url}}"></a>

但有时url为null。如何检查它为null然后将url传递给href?

我试过这个

<a href="{{banner.url === null ? javascript:void(0) : banner.url}}"></a>

但它会抛出错误

zone.js:388 Unhandled Promise rejection: Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{banner.url === null ? javascript:void(0) : banner.url}}]

2 个答案:

答案 0 :(得分:4)

<a [href]="banner.url === null ? 'javascript:void(0)' | safeUrl : banner.url"

safeUrl作为https://stackoverflow.com/a/37076868/217408

中显示的管道

否则javascript:void(0)可能因为安全原因而未被添加(我自己未尝试过)

答案 1 :(得分:0)

<a href="{{banner?.url || '#'}}"></a>

使用您的默认网址

更改#