Question

在我的ember应用程序中，我正在寻找一种方法来引用<label for>中{{#each}} - 块内的元素。例如：

{{@each}
  ...
  {{view "radio-button" name="options" selectionBinding="options" value="1"}}
  <label for="???">Option 1</label>

  {{view "radio-button" name="options" selectionBinding="options" value="2"}}
  <label for="???">Option 2</label>
  ...
{{/each}}

在网上搜索我找到了几个解决方案，但在{{#each}}内都没有。建议的方法是什么？

提前致谢。德克

Answer 1

您可以通过为每个radio-button提供viewName来解决此问题。

{{view "radio-button" name="options" selectionBinding="options" value="1" viewName="option1"}}
<label {{bind-attr for="view.option1.elementId"}}>Option 1</label>

有关示例，请参阅http://emberjs.jsbin.com/xokurixucapi/1/edit。

刚看到你确实希望它在循环中工作。您可以尝试将viewName绑定到循环索引，是否查看了this？

带有ember.js </label>的<label for =“”>中的参考元素

1 个答案: