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

【问题标题】：ng-repeat not working for list of strings using custom directiveng-repeat 不适用于使用自定义指令的字符串列表
【发布时间】：2019-03-08 17:50:58
【问题描述】：

我正在开发 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>";

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

【问题讨论】：

标签： angularjs angularjs-directive celltemplate custom-directive

【解决方案1】：

问题在于您使用的字符串字符。

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

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

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

【讨论】：

对模板使用反引号绝对比使用双引号时必须转义字符更简洁。

【解决方案2】：

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

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

【讨论】：