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>