Setting Ember.Button text in Ember.js view

Question

In the Ember.js app that I'm working on, I'm defining a view in my App.js file:

RateEditor.DeleteTierView = Em.View.extend({
  classNames: ['delete-tier-view'],
  tagName: 'button',
  click: function () {
    var tier = this.get('content');
    var controller = this.getPath('contentView.content');
    controller.get('content').removeObject(tier);
  }
});

The view displays correctly as a button and the click function is working fine. But I can't figure out how to set the text of the button , so it's just blank.

Is there a property that lets you set the text?

Answer 1

To create this:

  <button class="ember-view delete-tier-view">Click Me</button>

Do this:

  {{#view RateEditor.DeleteTierView}}Click Me{{/view}}