2016-12-14 61 views
2

我寫了一個基本的吞嚥角嵌入模板任務,將所有指令與模板URL轉換爲模板。如果我在我的指令模板URL中使用相對路徑,則可以看到使用此任務的轉換正常進行。但是,當我將絕對路徑添加到我的指令html中時,則此任務不會附加html模板。任務完成後,我仍然看到模板URL。如何添加基本路徑給吞噬角嵌入模板

在文檔base path for angular embed template我已經看到這個任務提供了一個基本路徑,它將轉換所有的模板URL的基本浴。

這是我的嘗試:

directive.js:

(function() { 
    'use strict'; 
    angular.module('testApp') 

     .directive('test', test); 

    function test() { 
     return { 
      restrict: 'E', 
      templateUrl: basePath+'templates/test.html' 
     } 
    } 
})(); 

gulpfile.js:

var gulp = require('gulp'); 
var embedTemplates = require('gulp-angular-embed-templates'); 

gulp.task('js:build', function() { 
    gulp.src('src/app/**/*.js') 
     .pipe(embedTemplates({ 
      options:{basePath:'/'} 
     })) 
     .pipe(gulp.dest('dist')); 
}); 

// The default task (called when you run `gulp` from cli) 
gulp.task('default', ['js:build']); 

回答

1
.pipe(embedTemplates({'basePath':'./'})) 

爲我工作:)相對路徑從dir其中吞嚥了一下。

文檔可能會更好,留下選項。這會讓這個更清楚。