javascript - 如何在其模板中使用 View 属性？

Question

App.FolderListItemView = Ember.View.extend({
        templateName: 'folder-list-item',
        tagName: 'li',
        classNames: ['folder'],
        classNameBindings: ['opened'],
        opened: false,
        click: function (e) {
                this.set('opened', !this.get('opened'));
        }
});



<script type="text/x-handlebars" data-template-name="folder-list-item">
        <i {{bind-attr class="opened:icon-content-plus:icon-content-minus"}}></i>
        ...
</script>

我想根据 View 的“打开”值更改图标(加号/减号)。

绑定(bind)属性不起作用。我该如何处理这个问题？

Answer 1

您需要在模板中使用view.opened属性

<script type="text/x-handlebars" data-template-name="folder-list-item">
        <i {{bind-attr class="view.opened:icon-content-plus:icon-content-minus"}}></i>
        ...
</script>