2017-10-11 25 views
2

你知道如何混合模板字符串與插值? 此行不起作用。如何在單向綁定中使用模板字符串?

<a [href]='`#/emailing/scenario/${marketing._id}`'>{{marketing.name}}</a> 

謝謝! PS:我知道下面的語句可以用不同的方式進行重寫,它只是爲了舉例。

回答

3

事實上,這應該工作

[href]="'#/emailing/scenario/' + marketing._id" 

Plunker Example

href="#/emailing/scenario/{{marketing._id}}" 

Plunker Example

這將是具有ES6字符串格式模板內工作,但據我所知它不支持尚未

+0

第二個命題不起作用,請您刪除它嗎? –

+0

@VivienAdnot檢查此https://plnkr.co/edit/QWXOE7zlULryXVZb8MJ8?p=preview – yurzui

+0

我得到錯誤「得到插值({{}})在哪裏表達期望」。也許它在你的例子中起作用,因爲模板不在單獨的文件中? –

0

應該

<a href='#/emailing/scenario/{{marketing._id}}'>{{marketing.name}}</a> 
+0

'得到插值({ {}}),其中表達expected'我們不能用內屬性綁定 – yurzui

+0

插補請測試您的解決方案 – Faisal

+0

@yurzui耶忘了改[HREF]到HREF – Sajeetharan

1

顯然,你不能使用$ {}串模板語法分量模板不錯。在與模板

get url(){ 
    return `#/emailing/scenario/${this.marketing._id}`; 
} 

然後將它綁定:如果您更希望使用語法出於某種原因,你可以在你的組件定義getter如下

<a [href]='url'>{{marketing.name}}</a> 
+0

'marketing'從哪裏來?你的意思是'getUrl(營銷)'?如果它將在ngFor中呢? – yurzui

+0

不,並不意味着getUrl()。只是一個普通的getter屬性,它定義了一個計算屬性。 ngFor會使這個getter屬性無用,在這種情況下,gerUrl()將是必需的。 –

相關問題