Làm cách nào để thêm nhận xét (dành cho nhà phát triển, tức là không được hiển thị trên HTML đầu ra) vào mẫu Angular?

Question

Tôi quen với 'ria mép' kiểu mẫu phổ biến hơn nơi tôi có thể thêm một nhận xét cho các đồng nghiệp của tôi với:

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

Những ý kiến ​​rõ ràng là không xuất hiện trong đầu ra - vì vậy người dùng không thấy chúng. Làm thế nào tôi có thể làm một cái gì đó tương tự trong Angular?

Answer 1

Góc không có hỗ trợ nhận xét mẫu được tích hợp sẵn. Tuy nhiên, bạn có thể tạo chỉ thị nhận xét để hỗ trợ nó, như thế này.

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

Markup sau đó sẽ là:

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

Cách khác, bạn có thể sử dụng các nhận xét chuẩn html, và sau đó lột họ ra khỏi mã sản xuất của bạn trước khi triển khai.

Hãy xem xét tác vụ này, nếu bạn muốn hỗ trợ các nhận xét chặn Mục tiêu. Sử dụng nó như là một mô hình cho bạn xây dựng quy trình, nếu bạn không sử dụng Grunt. ....

Answer 2

Bạn có thể sử dụng cú pháp thông thường để lấy ý kiến ​​mà không cần ký hiệu đặc biệt như <!-- Order verification, and authorization -->, sau đó bạn có thể rút gọn 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 %>' 
     }] 
     } 
    },