How to look inside $templateCache and get the existing id's? -- debugging $templateCache

[Derek Lin]

I am using karma to run a directive test.  I am using $templateCache in my project.  More specifically, I am using gulp-angular.

When I do console.log($templateCache.info());

I see LOG: Object{id: 'templates', size: 68}

That means there are 68 templates there, right?

But when I try go access a template by an ID that I think exists, it says undefined.

Is there a way for me to get the list of ID's?

BTW, this is related to this issue.  I can't figure this out yet:

https://github.com/Swiip/generator-gulp-angular/issues/546

[Sander Elias]

Hi Derek,

$templateCahe is based on $chacheFactory. $cacheFactory does not export its cache, so what you want is not possible. At least not without modifying angular itself.

If you really need to debug somethig nasty, you can use the new module.$decorator in 1.4, and decorate the $templateCache. In your decorator you can keep an list with everything that's inserted.

Regards

Sander

[Derek Lin]

Hi Sander,

I fixed the real issue.  But I am interested in learning about the module.$decorator.  I couldn't find anything.  It's not mentioned in the official doc: https://docs.angularjs.org/api/ng/function/angular.module

Do I need to dig into the source for details?

[Sander Elias]

Hi Derek,

See https://docs.angularjs.org/api/ng/type/angular.Module#decorator

and: https://docs.angularjs.org/api/auto/service/$provide#decorator

It is mentioned in the change-log, but not very prominently ;)

Regards

Sander

[Derek Lin]

Thanks Sander.  I have used the $provide#decorator to decorate services before.  So angular.Module#decorator is similar?  Or if you know how they are different?  But anyways, I'll give it a try when I have time.

[Sander Elias]

Hi Derek,

They are the same, with the difference that you can use the module#decorator outside of the config function. So you can decorate service(providers) that you use inside your config function.

Regards

Sander