CanJs - 通过胡子中的数组迭代并创建可观察对象

时间:2014-11-27 07:15:17

标签: javascript mustache canjs

    ...    


option:{
  array: new can.List([1, 2, 3, 4, 5])
}
    ...

{{#each option.array}}
  <div>
    <label for="d{{@index}}"></label>
    <input id="d{{@index}}" can-value="option.array[{{@index}}]"/>
  </div>
{{/each}}

上面的代码会生成5个带正确ID的文本框。但它并没有创造出可观察性。

我应该为can-value属性提供正确的格式以使其成为可观察的格式?

2 个答案:

答案 0 :(得分:1)

引用Sections/Iteration文档的一部分:

  

{{。}}标记将在迭代期间引用数组中的当前项(主要用于数组中的项是字符串和数字等基元时)。

看起来你想要这样的东西:

<input id="d{{@index}}" can-value="{{.}}"/>

答案 1 :(得分:0)

尝试

<input id="d{{@index}}" can-value="{this}"/>