Пользовательский флажок не отображается

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. Это может быть фундамент, шрифт или что-то вроде этого.