Handlebars Text Binding

app.js

var App = SC.Application.create();

App.myVar = 'test';

App.BasicTextView = SC.View.extend({

  textValue: null,

  textValueDidChange: function() {
    var jQuery = this.$();
    var textValue = this.get('textValue');
    
    jQuery.text(textValue);
  }.observes('textValue'),
  
  render: function(context) {
    context.push(this.get('textValue'));
  } 
  
});

index.html

  ...

  <script type="text/x-handlebars">
    {{view App.BasicTextView textValueBinding="App.myVar" tagName="h1"}}
  </script>

  ...