Ember.js bind attr：指南是错的还是我做错了

根据这一点（看起来总是有风险的），我相信下面的方法应该有效

模板 此视图可在其他模板中使用，目前类似于：

用法（includeJobs当前为false） 预期的HTML（仅最相关的部分）

关闭
乔布斯

数据绑定的实际效果（仅意外部分）

[脚本占位符，但没有文本]

这真的不起作用，因为我需要

操作

处理程序中使用的脚本逻辑的实际属性名，而且还因为

的

for

属性如果命名为

data-bindattr-8

之类的名称，显然将无法工作。此外，我的

{labelText}

根本不输出

---

更新：为清晰起见进行了编辑。

每个元素只能使用一个绑定属性

{{bind attr on='onText'off='offText'}}

你的标签应该是这样的

引用不是必需的，它将以两种方式工作：

---

每个元素只能使用一个绑定属性

{{bind attr on='onText'off='offText'}}

你的标签应该是这样的

引用不是必需的，它将以两种方式工作：

---

谢谢，我刚才发现标签错误，但我不知道我只能使用bind attr一次。谢谢，我刚才发现标签错误，但我不知道我只能使用bind attr一次。

<script type="text/x-handlebars" data-template-name="slideToggle">
    {{#if checked}}        
        <div class="slideToggle">
    {{else}}
        <div class="slideToggle off">
    {{/if}}
        <span {{bind-attr on=onText}} {{bind-attr off=offText}}>
          {{#if checked}} {{onText}} {{else}}{{offText}}{{/if}}
        </span>
    </div>
    {{input type="checkbox" class="hidden" name=name }}
    <label for={{bind-attr name=name}}>{{labelText}}</label>
</script>

App.slideToggle = Ember.View.extend({
    templateName:   'slideToggle'
,   onText      :   'on'
,   offText     :   'off'
,   labelText   :   ''
,   classNames  :   ['slideToggleWrapper']
,   name        :   ''
,   checked     :   false
});

{{view App.slideToggle name="includeJobs" labelText="Jobs" checked=includeJobs}}

<span on="on" off="off">off</span>
<label for="includeJobs">Jobs</label>

<span data-bindattr-6="6" data-bindattr-7="7"></span>
<label data-bindattr-8="8">[script placeholder but no text]</label>