Angular 2綁定：添加到Href

對不起，如果這很簡單，但只是不能解決這個問題... 在我的角度測試應用程序，我試圖追加一個id作爲我的html模板的一部分：Angular 2綁定：添加到Href

<a href="https://www.domainname.com/?q="+{{text.id}}>URL</a>

不失敗與錯誤（錯誤：未能執行的「元素」的setAttribute「），我不知道如何添加{{text.id}}這個網址... 待辦事項我需要在我的組件中執行此操作，或者可以在html模板內以某種方式完成此操作？

順便說一句。正如人們所期望的那樣，這個工作得很好（但是這不是我想做的事情，我需要追加text.id到網址）：

<a href="https://www.domainname.com/?q=">{{text.id}}</a>

有什麼建議？

2016-10-31 jjj

用途：

<a href="https://www.domainname.com/?q={{text.id}}">URL</a>

說明：

的錯誤消息是誤導。

當您使用{{ expression }}時，角度將評估expression並將其值置於{{}}所在的位置。所以你不需要+{{}}的結果與你一樣。換句話說：

<a href="something="+{{ expression }}> WRONG </a> 

<a href="something={{ expression }}"> RIGHT </a>

2016-10-31 03:44:10 acdcjunior

感謝的約束，這個作品大加讚賞，這可能是首選的方法... – jjj

我能做些什麼，如果我想在一個事件（點擊）=「isCollapsed {{data_time}} =！isCollapsed {{data_time}}」 –

@JayMomaya在一個事件中，你不需要使用'{{'或'}}'。試試：'（click）=「isCollapsed（data_time）」'。 – acdcjunior

或者，您可以使用[attr.href]="'https://www.domainname.com/?q=' + text.id"語法。

當你要綁定到像url: string = 'https://www.domainname.com'一個變量，然後由[attr.href]="url"

2018-02-24 01:19:47

回答