Intercept Angular template loading for use with Meteor+Blade

Little brief: I'm using AngularJs with Meteor+Blade without using Meteor_angularjs package for meteor. Blade constructs the body of the page in the server then I manually bootstrap angular in the client.

Blade has template files available under Template['template_name'] so they can be easily rendered on the client. I would like to do something like:

div(ng-include='content.blade')
// HTML => <div ng-include='content.blade'></div>

and somehow make it work.
To keep compatibility and not creating new directives I thought it could be possible to intercept the XHR requests angular makes to static templates and add the condition

if(URI ends with '.blade') then
    name <- strip '.blade' in URI
    return Template[name]()

Which should return the compiled HTML for that template.

UPDATE:
Coincidentally I ran into $templateCache and now I think it's the way to go.
I created a 'ngMeteor' module that I'll use for meteor-angular integration.

angular.module 'ngMeteor',[], ->
  throw 'Meteor object undefined.' unless Meteor? # Is it fine to put here?

angular.module('ngMeteor.blade',['ngMeteor']).
  run ($templateCache) ->
    $templateCache.put "#{name}.blade", render() for own name, render of Template

In my app:

angular.element(document).ready ->
  angular.bootstrap document, ['app']

app = angular.module 'app', ['ngMeteor.blade'], ->
app.controller 'mainCtrl', ($scope,$templateCache) ->
  $scope.content = $templateCache.get "content.blade" # Works!!

Blade(body.blade):

#main(ng-controller='mainCtrl') {{ content }}

Now it works, I can get the rendered template from the controller after injecting $templateCache and geting the template by its name but ng-include still won't work.