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使用的是1.0版本的Ember。你在用最新的吗？

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导入中，它可能是基础或字体 - 真棒或类似的东西。

自定义复选框未呈现

2 个答案: