Wie konvertiert man HTML in JavaScript String mit Schluck Aufgabe?

Question

Eingang

<div id="main"> 
    <div> 
    Sample Html 
    </div> 
</div> 

Ausgabe

var myvar = '<div id="main">'+ 
    ' <div>'+ 
    ' Sample Html'+ 
    ' </div>'+ 
    '</div>'; 

Ich möchte HTML-Vorlage konvertieren und die Ausgabe in die Winkel Richtlinie in Schablonenteil hinzuzufügen.

Answer 1

Wie @dfsq schlägt vor, Sie müssen die html2js Plugin:

var gulp = require('gulp'); 
var html2js = require('gulp-html2js'); 
gulp.task("createTemplates", function(){ 
    //create js templates for templatecache 
    return gulp.src([baseDirectory + "/your_template_dir/*.tpl.html"]) 
     .pipe(html2js("directive.templates.js", { 
      base: baseDirectory, 
      name: "my.templates" //module name for injector 
     })).pipe(gulp.dest("your_output_directory")); 
}); 

erstellt:

(function(module) { 
    try { app = angular.module("my.templates"); } 
    catch(err) { app = angular.module("my.templates", []); } 
    app.run(["$templateCache", function($templateCache) { 
     "use strict"; 

     $templateCache.put("your_template_dir/template.tpl.html","<p>Template content</p>"); 
    }); 
}); 

Jetzt können Sie das Modul ("my.templates") in der Richtlinie injizieren und verwenden „your_template_dir /template.tpl.html "als Ihre VorlageUrl.