angularjs - ng-repeat 不适用于使用自定义指令的字符串列表

Question

我正在开发 Angular JS 项目，在该项目中，我们使用 ng-repeat 显示使用自定义指令创建的单元格模板中的字符串列表。

对于数字列表来说它工作得很好。但它不适用于字符串列表。

您可以尝试将 plunker 上的数字更改为字符串

var viewFn = "<div>View: <span ng-repeat='x in [1,2,3]'>{{x}}</span></div>";
...
var editFn = "<div>Edit: <span ng-repeat='x in ["Hi","Hello"]'>{{x}}</span></div>";

如何使用单元格模板获取字符串列表？

Answer 1

问题出在您使用的字符串字符上。

您可以使用模板文字(反引号字符)来避免它。

使用它更改您的模板，如下所示:

var editFn = `<div>Edit: <span ng-repeat="x in ['Hi','Hello']">{{x}}</span></div>`;