我正在尝试生成这样的表单:
<div class="col-xs-6" for.repeat="field in ${config.formMain}">
<div class="form-group">
<label>${field.label & oneTime}</label>
<select if.one-time="field.controlType == 'select'" class="form-control">
<option value=""><- Select -></option>
</select>
</div>
</div>
其中config是我的视图模型中的变量。
几个问题:
1)我已经尝试了for.repeat="field in ${config.formMain}"
和for.repeat="field in config.formMain"
,但两种语法似乎都不起作用。我是怎么想从对象访问数组的?
2)是否支持像for.repeat.one-time="field in ${config.formMain}"
这样的东西,这会导致Aurelia只执行一次循环编译(这在我的情况下很有用,因为表格不会变形)但是保持绑定在里面循环作为默认绑定(即如果我在外部的一个内部有一个for.repeat,它应该在它迭代的数组发生变化时自行更新)?
提前致谢。
答案 0 :(得分:4)
正确的语法是: repeat.for =“物联网”
按照ECMAScript 6样式查看 而不是中的。有关更多信息,请访问https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/for...of
您可以使用“&amp; oneTime”仅执行一次循环。像这样:
repeat.for="thing of things & oneTime"