AngularJS定製指令不與把手模板工作

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>