Yorum (geliştiriciler için, örneğin çıktı HTML'de gösterilmeyenler için) Açısal şablona nasıl ekleyebilirim?

Question

Ben ile benim meslektaşları için bir yorum ekleyebilirsiniz nerede daha popüler 'bıyık' tarzı şablonları alışkınım:

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

Bu yorumlar açıkçası çıktıda görünmez - Kullanıcıların görmüyorum bu yüzden onlar. Angular'da benzer bir şeyi nasıl yapabilirim?

Answer 1

Açısal şablon yorum desteğine sahip değil. Bununla birlikte, bunu destekleyecek bir yorum yönergesi oluşturabilirsiniz.

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

Biçimlendirme sonra olacaktır:

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

Alternatif olarak, standart html yorumlar kullanmak ve sonra dağıtım önce üretim kodu dışına şerit olabilir.

Blok yorumlarını desteklemeyi istiyorsanız, bu zorlu görevi göz önünde bulundurun - https://github.com/philipwalton/grunt-strip-code Bir başlangıç ​​yorumu ve bir son yorum belirtin ve yorum blokunuz üretim kodundan çıkarılarak, bu görevi dağıtımınıza eklemeniz varsayılır. hedef. Grunt kullanmıyorsanız, bu işlemi sizin için bir model olarak kullanın. dolayısıyla söz, yorum şerit ihtiyacı iyi biliyorum; ....

Answer 2

Sen <!-- Order verification, and authorization --> gibi özel semboller olmadan yorumlar için normal bir sözdizimini kullanabilirsiniz, o zaman ben html (hırıltı + 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 %>' 
     }] 
     } 
    },