2016-07-22 99 views
1

我有我的模板下面的代碼:如何獲取Angular 2鏈接爲藍色並加下劃線?

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

鏈接的作品,但它不權。

當然不需要它實際上是藍色和下劃線,我只是不知道怎麼問這個問題。我希望鏈接看起來像一個鏈接。

我還有一個鏈接(routerLink)是確實看起來像一個環節,所以我希望我沒有訴諸CSS讓我刪除鏈接看的權利。如果我這樣做,我會覺得很奇怪(和跛腳)。

回答

0

我發現這工作:

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

請注意鏈接是一個鏈接,有必要具有href屬性的鏈接。 Angular2的routeLink幕後添加了href屬性的鏈接。 在這裏它看起來像你不想使用routerLink,所以我認爲你應該添加href="javascript:void(0)"到鏈接。

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

似乎有點奇怪有加' href =「javascript:void(0)」'這樣的每個鏈接,不是? –

+0

它可能是,但不添加'href =「javascript:void(0)」'或'routerLink'它不是一個實際的鏈接。 – micronyks

+0

僅限於場景後面的'routerLink'會在鏈接中添加'href'。 – micronyks

0

默認情況下角2個組件有自己的風格之類的封裝,或許嘗試添加:

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