Jak mogę dodać komentarz (dla programistów, tj. Nie ujawniony na wyjściowym kodzie HTML) do szablonu kątowego?

Question

jestem przyzwyczajony do bardziej popularnych „wąsy” szablony stylów, gdzie mogę dodać komentarza do moich kolegów z:

{# The following line looks a bit odd, but here's why... #} 

Te komentarze oczywiście nie pojawiają się na wyjściu - więc użytkownicy nie widzą im. Jak mogę zrobić coś podobnego w Angular?

Answer 1

Angular nie ma wbudowanego mechanizmu komentarzy do szablonów. Można jednak utworzyć dyrektywę komentarzy, aby ją obsłużyć, w ten sposób.

app.directive('templateComment', function() { 
    return { 
     restrict: 'E', 
     compile: function (tElement, attrs) { 
      tElement.remove(); 
     } 
    }; 
}); 

Markup będzie wówczas:

<template-comment>Put your comment here.</template-comment> 

Alternatywnie, można użyć standardowych komentarzy HTML, a następnie rozebrać je z kodem produkcji przed wdrożeniem.

Rozważ to proste zadanie, jeśli chcesz obsługiwać komentarze bloków - https://github.com/philipwalton/grunt-strip-code Podaj komentarz początkowy i komentarz końcowy, a blok komentarza zostanie usunięty z kodu produkcyjnego, zakładając, że dodasz to zadanie do wdrożenia cel. Użyj go jako modelu do zbudowania procesu, jeśli nie używasz Grunta. ....

Answer 2

można użyć normalnej składni komentarze bez specjalnych symboli jak <!-- Order verification, and authorization -->, można minify HTML (grunt + htmlmin)

htmlmin: { 
     dist: { 
     options: { 
      collapseWhitespace: true, 
      collapseBooleanAttributes: true, 
      removeCommentsFromCDATA: true, 
      removeOptionalTags: true, 
      removeComments: true, 
      ignoreCustomComments: [ /[<>\:\[\]\#]+/ ] 

     }, 
     files: [{ 
      expand: true, 
      cwd: '<%= yeoman.dist %>', 
      src: ['*.html', 'views/**/*.html'], 
      dest: '<%= yeoman.dist %>' 
     }] 
     } 
    },