У меня есть три html-частичных в моем приложении, и я создаю угловой модуль с использованием кеша шаблона gulp.gulp-angular-templatecache - объединить несколько html-пакетов
Html имена файлов:
- dropdown.html
- выпадающий-select.html
- выпадающий-multiselect.html
Глоток Задача:
gulp.task('dropdown', function()
{
return gulp.src('modules/dropdown/*.html')
.pipe(plugins.plumber())
.pipe(plugins.templatecache({
output: 'dropdown_template.js',
moduleName: 'dropdown',
prepend: 'dropdown.html', // Need to replace with actual file name's
strip: 'views/'
}))
.pipe(gulp.dest('build/js/templates'));
});
После выполняя вышеупомянутую задачу gulp. Он генерирует ниже угловой модуль
angular.module("dropdown").run(['$templateCache', function(a) { a.put('dropdown.html', '<div class="dropdown" ng-transclude="parent"></div>\n' +
''); // 1st html
a.put('dropdown.html', '<div ng-transclude="1"></div>\n' +
''); //2nd html - name is wrong it should be dropdown-select.html
a.put('dropdown.html', '<div class="dropdown-menu dropdown-menu--{{ position }}">\n' +
'');// 3rd html - name is wrong it should be dropdown-multiselect.html
}]);
a.put ('dropdown.html') генерируется для всех 3-х HTML. Но мне нужно фактическое имя файла вместо dropdown.html. Как ниже
angular.module("dropdown").run(['$templateCache', function(a) { a.put('dropdown.html', '<div class="dropdown" ng-transclude="parent"></div>\n' +
'');
a.put('dropdown-select.html', '<div ng-transclude="1"></div>\n' +
'');
a.put('dropdown-multiselect.html', '<div class="dropdown-menu dropdown-menu--{{ position }}">\n' +
'');
}]);
Пожалуйста, дайте мне знать, как это сделать.