Comment puis-je ajouter un commentaire (pour les développeurs, c'est à dire non exposé sur la sortie HTML) à un modèle angulaire?
je suis habitué aux modèles de style 'moustache' plus populaires où je peux ajouter un commentaire pour mes collègues avec:
{# The following line looks a bit odd, but here's why... #}
ces commentaires n'apparaissent évidemment pas dans la sortie - Donc les utilisateurs ne les voient pas. Comment puis-je faire quelque chose de similaire en angle?
2 réponses
Angular n'a pas de support pour les commentaires de template. Vous pouvez cependant créer une directive de commentaire pour la soutenir, comme ceci.
app.directive('templateComment', function () {
return {
restrict: 'E',
compile: function (tElement, attrs) {
tElement.remove();
}
};
});
Balisage serait le suivant:
<template-comment>Put your comment here.</template-comment>
alternativement, vous pouvez utiliser des commentaires html standard, puis les retirer de votre code de production avant le déploiement.
Considérer cette tâche grunt, si vous souhaitez soutenir bloquer les commentaires - https://github.com/philipwalton/grunt-strip-code Spécifier un démarrez un commentaire et un commentaire de fin, et votre bloc de commentaires sera retiré du code de production, en supposant que vous ajoutiez cette tâche à votre cible de déploiement. Utilisez-le comme modèle pour votre processus de construction, si vous n'utilisez pas Grunt. ....
vous pouvez utiliser la syntaxe normale pour les commentaires Sans symboles spéciaux comme <!-- Order verification, and authorization -->, alors vous pouvez rapetisser 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 %>'
}]
}
},