AngularJS를 사용하다보면 개발자모드를 열었을 때 ng-repeat이라던지 ng-if를 사용했을 때 주석이 자동으로 남는 것을 볼 수 있는데요 이런 주석들은 불필요하기도 하고 서비스를 운영하는 입장에서 조금 허술해보일 수 있어서 제거하는 방법을 정리해보려고 합니다.
AngularJS에서 구현이 되어 있기 때문에 간단하게 사용하면 됩니다.
AngularJS 주석 제거
app.config(['$compileProvider', function ($compileProvider)
{
$compileProvider.debugInfoEnabled(false);
}]);
위와같이 공통의 Controller 혹은 최상위 Controller에 config를 통해서 설정해줄 수 있습니다. 설정한 후에 개발자모드를 열어서 확인해보면
위와같이 HTML주석('<!-- -->')만 남습니다.
※ 주의사항
기존 angularjs 로직 중에 angular.element('id').scope()를 사용하는 것이 있다면 위의 내용처럼 debugInfoEnabled(false)로 처리하게 되면 angular.element의 함수들을 사용하지 못하게 됩니다.