Angular disable debugInfoEnabled

Question

I am trying to disable debug info by putting $compileProvider.debugInfoEnabled(false); in angular.config(). But why is that when I check in the chrome browser, I can still see the number of watchers with angular watchers plugin. It feels like the debug info is not disabled.

How can I disable it?

Example of my working code:

angular.module('app.core.config', [])
.config(['$compileProvider', function ($compileProvider) {
    // disable debug info
    $compileProvider.debugInfoEnabled(false);
}]);

What value are you getting when you run angular.element(document.querySelector('body')).scope() in your console? — Shashank Agrawal
– Shashank Agrawal, Commented Dec 8, 2015 at 4:50
@ShashankAgrawal I get n {$id: 2, $$childTail: b, $$childHead: b, $$prevSibling: null, $$nextSibling: null…} — user1995781
– user1995781, Commented Dec 8, 2015 at 5:36
Okay, can you please give me the link of the angular watchers plugin you are using? — Shashank Agrawal
– Shashank Agrawal, Commented Dec 8, 2015 at 5:46
@ShashankAgrawal Here is the link chrome.google.com/webstore/detail/angular-watchers/… — user1995781
– user1995781, Commented Dec 8, 2015 at 5:51
That seems to working fine for me. Can you please add your code that how are you disabling the debug info and which version of Angular you are using? — Shashank Agrawal
– Shashank Agrawal, Commented Dec 8, 2015 at 5:57

tasseKATT · Accepted Answer · 2015-12-08 06:26:57Z

5

It's because Ionic overrides the default behavior:

/**
 * @private
 * Parts of Ionic requires that $scope data is attached to the element.
 * We do not want to disable adding $scope data to the $element when
 * $compileProvider.debugInfoEnabled(false) is used.
 */
IonicModule.config(['$provide', function($provide) {
  $provide.decorator('$compile', ['$delegate', function($compile) {
     $compile.$$addScopeInfo = function $$addScopeInfo($element, scope, isolated, noTemplate) {
       var dataName = isolated ? (noTemplate ? '$isolateScopeNoTemplate' : '$isolateScope') : '$scope';
       $element.data(dataName, scope);
     };
     return $compile;
  }]);
}]);

If you inject the $compile service you can inspect it and see that $$addScopeInfo is not the noop function as it usually is when debug info is disabled:

$$addBindingClass: noop()
$$addBindingInfo: noop()
$$addScopeClass: noop()
$$addScopeInfo: $$addScopeInfo($element, scope, isolated, noTemplate)

edited Dec 8, 2015 at 6:26

answered Dec 8, 2015 at 6:07

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1995781 Over a year ago

Thanks a lot for your answer. So, is that mean the debug info is not disabled with Ionic? Meaning, with or without debugInfoEnabled(false) makes no different?

tasseKATT Over a year ago

At least that part of the debug info is still available in Ionic. I'm not sure if Ionic overrides every behavior of debugInfoEnabled(false). You can for example check if the classses ng-scope and ng-binding are available or not on your elements in the DOM. Usually they are only added if debug info is enabled.

Collectives™ on Stack Overflow

Angular disable debugInfoEnabled

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related