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>`;

Answer 2

因为editFn是一个字符串，所以 ng-repeat 数组中的引号需要转义。

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