For Angular directive template sometime we need to give the template in index file for
$templateCache
service to be cached. but our template remains in a seprate file. so there are two copies we needed to maintain. which slow down our development process. so by this grunt plugin you able to place your directive templateUrl contain inline in any file you want to use as ng-template.
This plugin requires Grunt ~0.4.5
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-angular-template-cache --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-angular-template-cache');
In your project's Gruntfile, add a section named grunt-angular-template-cache
to the data object passed into grunt.initConfig()
.
grunt.initConfig({
'grunt-angular-template-cache': {
default_options : {
options: {
startTag: '<!--TEMPLATE_START-->',
endTag: '<!--TEMPLATE_END-->',
appRoot: '',
relative: true,
fullName : false // test/fixtures/123.html or 123.html in script id
},
files: {
'index.html': ['test/fixtures/123.html','test/fixtures/testing.html']
}
}
},
});
Type: String
Default value: <!--TEMPLATE_START-->
A string value that is start point of the template content in index file
Type: String
Default value: <!--TEMPLATE_END-->
A string value that is end point of the template content in index file
Type: Bolean
Default value: false
give the full url as script tag if or just the name
In this example, the default options are used to copy and minify the html content of 123.html and testing.html into index.html file inline as ng-template
grunt.initConfig({
'grunt-angular-template-cache': {
default_options : {
options: {
startTag: '<!--TEMPLATE_START-->',
endTag: '<!--TEMPLATE_END-->',
appRoot: '',
relative: true,
fullName : false // test/fixtures/123.html or 123.html in script id
},
files: {
'index.html': ['test/fixtures/123.html','test/fixtures/testing.html']
}
}
},
});
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.
(Nothing yet)