ember.js - 自定义复选框未呈现

Question

我试图让我的用户创建一个组并邀请他的朋友。我已经尝试了几种方法，但它并没有真正奏效。我目前的方法在主模板中看起来像这样：

{{#each session.user.friends}}
    <li>{{view App.FriendSelectCheckbox userBinding='this' groupBinding='controller.content'}} {{nickName}}</li>
{{/each}}

自定义视图是这样定义的：（整个事情基本上来自这个JS-Fiddle：http: //jsfiddle.net/durinthomas/cB3De/）

App.FriendSelectCheckbox = Ember.Checkbox.extend({
    checkedObserver: function(){
        if(this.get('checked'))
            this.get('group.users').addObject(this.get('user'));
        else
            this.get('group.users').removeObject(this.get('user'));
    }.observes('checked')
});

问题是复选框未呈现。我知道通常有一个把手助手来呈现复选框或其他内置视图。但我认为这将是只呈现视图的方法。只是为了玩耍，我还尝试做 {{view Ember.Checkbox}} 也没有呈现复选框。

Answer 1

该复选框为我成功呈现：http ://emberjs.jsbin.com/qazuj/1/edit?html,js,output 您链接的 JSFiddle 使用了 Ember 1.0 之前的版本。你用的是最新的吗？

Answer 2

问题出在我的 css 中，（我仍在搜索它的来源，但我的复选框（无论哪种类型）未呈现的原因：

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marc\/Sites\/ember\/app\/styles\/style\.scss}line{font-family:\00003607}} input[type="checkbox"] { display: none; }

我知道它暗示了它来自哪里，但它隐藏在 scss 导入中，它可能是基础或字体真棒或类似的东西。