AngularJS自定義指令不適用於Handlebars模板

Question

這是有效的代碼：

 <select-city country="US"></select-city>

這是無效的代碼：

 <select-city country="\{{country}}"></select-city>

為了進行測試，我這樣做了：

\{{country}} 

它可以正確打印美國。

注意：我必須使用\\因為我使用的是Handlebars模板。

Answer 1

您需要更改此行：

<select-city country="\{{country}}"></select-city>

要以下內容：

<select-city country="'\' + {{country}}"></select-city>

---

如果您需要多次執行此操作，則編寫一個自定義getter以避免在視圖中執行此操作可能會很有趣：

$scope.getCountry = function() {
    return '\\' + $scope.country;
}

在視圖中：

<select-city country="{{getCountry()}}"></select-city>