Ng-在Sightly中重复

Question

我试图在Sightly中使用ng-重复填充下拉值。AEM节点将我的数据保存为字符串数组，我能够正确地获取数据，但在抛出"? undefined:undefined ?“错误时无法填充它们。

我的代码：

<select name="${validation.elementName}" id="${validation.elementName}" ng-model="${validation.elementName}" ng-change="${properties.clickfunction}">
        <option ng-repeat="opt in ${properties.options}" value={{opt}}>opt</option>                 
        </select>

以及产出：

​

：

我遗漏了什么吗？因为Sightly对我来说是全新的。我将非常感谢任何帮助，以改善这个代码或指出我的错误。

Answer 1

首先，您需要用引号包装传递给value的数据，所以应该如下所示：

value="{{opt}}" 

第二，看起来您正在传递没有单引号的值，并且它们不能被识别为字符串。看看这个柱塞：

http://plnkr.co/edit/A2gZJbvVV9ozHloLkF4B?p=preview

您可以看到第一个ng-repeat按预期工作，但第二个在控制台中抛出一个错误，没有显示任何内容。基本上，您只需要在数组中的每个字符串周围放置引号。

Answer 2

谢谢维克多的回复。

请找我下面的调查结果。

1. Value=“{{opt}”是我在将代码粘贴到堆栈溢出时犯的错误。
2. ${properties.options}返回字符串数组。
3. ng-重复似乎正确地分析了这个输出。