仅在设置值时添加属性

Question

所以我正在寻找一种方法，只有在配置对象中设置一个值时才会将href属性添加到锚标记（<a></a>），以便在页面不重新加载时除非为该菜单项指定了URL，否则单击锚标记。

现在我的标记看起来像：

<a [href]="link.url ? link.url : '#'">{{link.title}}</a>

当然我也可以使用"return javascript:;"语法，但理想情况下我希望能够避免首先将href属性放在锚标记上。

我也尝试过使用标记

<a [href]="link.url">{{link.title}}</a>

只是没有为给定的链接定义一个url，但是这给了我一个空的href属性，如：<a href>Title</a>仍会导致页面重新加载。

最后，我希望看到以下内容：

网址定义：<a href="/url">title</a>

网址未定义：<a>title</a>

Answer 1

<a [attr.href]="link.url">{{link.title}}</a>