How to turn on/off $log.debug in AngularJS

$logProvider.debugEnabled(true)

This is only available in AngularJs 1.1.2 or later.

https://github.com/angular/angular.js/pull/1625

Here is an example of it being set.

var app = angular.module('plunker', []);


app.config(function($logProvider){
$logProvider.debugEnabled(true);
});


app.controller('MainCtrl', function($scope, $log ) {
$scope.name = 'World';
$scope.model = {value: "test"};
$log.debug('TEST Log');
});

http://plnkr.co/edit/HZCAoS?p=preview

By default it is on.

You can override the default $log behavior with a decorator to enhace the log level. This is an example:

angular.module('app').config(function($logProvider, $provide){


$logProvider.debugEnabled(false);


$provide.decorator('$log', function ($delegate) {
//Original methods
var origInfo = $delegate.info;
var origLog = $delegate.log;


//Override the default behavior
$delegate.info = function () {


if ($logProvider.debugEnabled())
origInfo.apply(null, arguments)
};


//Override the default behavior
$delegate.log = function () {


if ($logProvider.debugEnabled())
origLog.apply(null, arguments)
};


return $delegate;
});
});

This was inspired from the work of John Crosby at http://www.thekuroko.com/using-angulars-log-provider/

Based on Diego's response but adding some env config and making it shorter. You can simply run your app using: NODE_ENV=development or NODE_ENV=production

E.g.1. NODE_ENV=development webpack-dev-server

E.g.2. NODE_ENV=production node app.js

$logProvider.debugEnabled(process.env.NODE_ENV === 'development');
$provide.decorator('$log', function($delegate) {
$delegate.info = $logProvider.debugEnabled() ? $delegate.info : function() {};
$delegate.log = $logProvider.debugEnabled() ? $delegate.log : function() {};
return $delegate;
});

I have faced the same issue but it's not an issue to be solved by coding instead just enable it from browser console

Go to console of browser and set level to verbose

Well, Since the solution requires us to turn on Verbose flag, I think the best way to handle logging in angular would be to simply alter the native console.log function in Production Environment for the entire application.

angular.module("myModule")
.config(function(){
//if production environment
console.log = ()=>{};
})

That's it. In production environment, this should disable logging everywhere. Also there is no need to inject $log in every controller now. Simply console.log("logging message") works!

You can also disable console.info, console.warn, console.error and console.debug the same way as per your need.