Preprocessor for converting HTML files to AngularJS templates.
Note: If you are looking for a general preprocessor that is not tight to Angular, check out karma-html2js-preprocessor.
This project is a fork for karma-ng-html2js-preprocessor. I was needed to add requirejs proper support.
The easiest way is to keep karma-ng-html2js-preprocessor as a devDependency in your package.json.
{ "devDependencies": { "karma": "~0.10", "karma-html2js-preprocessor": "~0.1.0", "karma-ng-html2js-preprocessor-requirejs": "a-robert/karma-ng-html2js-preprocessor.git" } }You can simple do it by:
npm install a-robert/karma-ng-html2js-preprocessor.git --save-dev// karma.conf.js module.exports = function(config) { config.set({ preprocessors: { '**/*.html': ['ng-html2js'] }, files: [ '*.js', '*.html', // if you wanna load template files in nested directories, you must use this '**/*.html' ], ngHtml2JsPreprocessor: { // strip this from the file path stripPrefix: 'public/', // prepend this to the prependPrefix: 'served/', // or define a custom transform function cacheIdFromPath: function(filepath) { return cacheId; }, // setting this option will create only a single module that contains templates // from all the files, so you can load them all with module('foo') moduleName: 'foo' } }); };This preprocessor converts HTML files into JS strings and generates Angular modules. These modules, when loaded, puts these HTML files into the $templateCache and therefore Angular won't try to fetch them from the server.
For instance this template.html...
<div>something</div>... will be served as template.html.js:
angular.module('template.html', []).config(function($templateCache) { $templateCache.put('template.html', '<div>something</div>'); });See the ng-directive-testing for a complete example.
For more information on Karma see the homepage.