2016-10-26 68 views
1

所以我正在尋找一種方法來只添加一個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>

+0

你嘗試:HREF =「link.url |」 #'「? – Meir

+0

與'{{link.title}}'完全相同,它只是少一點語義。目標是沒有'href'屬性,除非有一個有效的URL定義。 – StephenRios

+0

有你。沒有意識到你實際上不想分配它,如果它失蹤。 – Meir

回答

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

完美工作,謝謝。 – StephenRios

+0

很高興我能幫上忙。剛剛查找「angular2條件屬性」和wajam! – Meir

+0

順便說一句,angular2有一個相當複雜的語法,例如:(keydown.enter)或(keyup.c)等... – Meir

相關問題