如何将Angular 2链接设为蓝色并加下划线？

Question

我在我的模板中有以下代码：

<a (click)="delete(book)">Delete</a>

该链接有效，但它无法正确显示。

当然不需要它实际上是蓝色和下划线，我只是不知道如何提出问题。我希望链接看起来像一个链接。

我有另一个链接（routerLink） 看起来像一个链接，所以我希望我不必诉诸CSS来制作我的链接删除链接看起来正确。如果我这样做，那对我来说似乎很奇怪（而且很蹩脚）。

Answer 1

我发现这有效：

<a routerLink="" (click)="delete(book)">Delete</a>

Answer 2

默认情况下，Angular 2组件的样式类型是封装的，也许可以尝试添加：

 a {color: blue; text-decoration: underline;}

Answer 3

请注意链接是链接，链接必须具有href属性。场景后面的Angular2 routeLink会为链接添加href属性。 您似乎对使用routerLink不感兴趣，因此我认为您应该在链接中添加href="javascript:void(0)"。

<a href="javascript:void(0)" (click)="delete(book)">Delete</a>