href 内的 Angular 2 条件

Question

我有这行代码

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

但有时 url 为空。如何检查它是否为 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}}]

Answer 1

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

safeUrl 是一个管道，如 https://stackoverflow.com/a/37076868/217408 所示。

否则 javascript:void(0) 出于安全原因可能不会添加(我自己没试过)