Как добавить комментарий (для разработчиков, т.е. Не отображаемый в выходном HTML), к шаблону Angular?

Я привык к более популярным шаблонам стиля "усы", где я могу добавить комментарий для своих коллег:

Эти комментарии, очевидно, не отображаются в результатах, поэтому пользователи их не видят. Как я могу сделать что-то подобное в Angular?

Ответы

Ответ 1

Angular не поддерживает встроенную поддержку комментариев к шаблону. Однако вы можете создать директиву комментариев для ее поддержки.

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

Разметка была бы следующей:

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

В качестве альтернативы вы можете использовать стандартные html-комментарии, а затем вывести их из своего производственного кода перед развертыванием.

Рассмотрите эту задачу, если вы хотите поддержать комментарии блока - https://github.com/philipwalton/grunt-strip-code Укажите начальный комментарий и комментарий к концу, и ваш блок комментариев будет удален из производственного кода, если вы добавите эту задачу в свою цель развертывания. Используйте его как модель для процесса сборки, если вы не используете Grunt.....

Ответ 2

Вы можете использовать обычный синтаксис для комментариев без специальных символов, таких как , тогда вы можете минимизировать 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 %>'
        }]
      }
    },