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>