Angularテンプレートにコメントを追加するにはどうすればよいですか？

Question

私は私は私の同僚のためにコメントを追加することができ、より人気の「ひげ」スタイルテンプレートを使用しています：これらのコメントは、明らか出力には表示されません

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

- ユーザーが表示されていないので、それら。どのようにしてAngularで同様のことをすることができますか？

Answer 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を使用していない場合は、プロセスを構築するためのモデルとして使用してください。したがって、言及、コメントを削除する必要性を認識してメートル。....

が

Answer 2

あなたが<!-- Order verification, and authorization -->のような特殊記号なしコメントの通常の構文を使用することができ、その後、私は、HTML（うなり声+ 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 %>' 
     }] 
     } 
    },