backbone-nested-angular.js

/*
How to use Angular inside a Backbone view. 
*/

var ViewWithAngular = Backbone.View.extend({
  render: function(container){
    var $injector = angular.injector(['ng', 'mason']);

    $injector.invoke(function($rootScope, $compile){
      var elem = $compile('<h1 ng-controller="NestedCtrl">Backbone View with nested Angular. Message: {{message}}</h1>')($rootScope);
      container.html(elem);
      $rootScope.$apply();
    });
  }
});