javascript - Ember.js TextField id 用于带有 ember 路由器的标签标签

Question

我在 Ember.js 应用程序中构建了一个表单，该表单要求标签与<label>标签分开<input>。这造成了一个问题 b/c 我似乎无法正确绑定标签的for=""属性。<label>

我在解决方案的评论中查看了这个问题和小提琴，但它似乎不适用于使用该Ember.Router架构的应用程序

这是我的小提琴示例：http: //jsfiddle.net/wmarbut/jKGMW/

我非常希望不使用任何需要我为每个单独的表单字段在我的视图或控制器对象中进行实际输入的解决方案。

代码的快速和肮脏可以在这里看到

<table>
    <tr>
        <th>
            <!-- XXX: How do I bind the "for" attribute correctly? -->
            <label {{bindAttr for="curUser.elementId"}}>Current User</label>
        </th>
        <td>    
            {{view Ember.TextField valueBinding="current_user.first_name" viewName="curUser"}}   
        </td>
    </tr>
</table>

Answer 1

Apparently you need to explicitly access the element at its namespace with view.

This fiddle works: http://jsfiddle.net/wmarbut/jKGMW/5/

updated code would be

<table>
<tr>
    <th>
        <!-- XXX: This now works -->
        <label {{bindAttr for="view.curUser.elementId"}}>Current User</label>
    </th>
    <td>    
        {{view Ember.TextField valueBinding="current_user.first_name" viewName="curUser"}}   
    </td>
</tr>