By default, Angular provides a lot of debug information on the DOM that's only necessary for tools like Protractor and Bat Arang. Angular 1.3 allows you to turn off the debug information to give your app a simple performance boost.
see:https://docs.angularjs.org/api/ng/provider/$compileProvider
More:https://docs.angularjs.org/guide/production#disabling-debug-data
<!DOCTYPE HTML><HTMLNg-app= "App"><Head> <title></title> <Linkhref= "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"rel= "stylesheet"> <Scriptsrc= "//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.js"></Script> <Scriptsrc= "//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.11/angular-ui-router.js"></Script> <Scriptsrc= "App.js"></Script></Head><Body> <Scripttype= "Text/ng-template"ID= "templates/home.html"> <Note Message="Hello"></note> </Script> <Ui-view></Ui-view></Body></HTML>
Angular.module ("App", ["Ui.router"]). config (functionconfig ($stateProvider, $compileProvider) {$stateProvider. State ("Home", {URL:"", Templateurl:"Templates/home.html"}) $compileProvider. debuginfoenabled (false); }). directive ("Note",functionNote () {return{Template:"<div>{{Note.message}} {{Note.person}}</div>", Controller:"Notecontroller as note", Bindtocontroller:true, scope: {message:"@"}} ). Controller ("Notecontroller",functionNotecontroller () {varNote = This; Note.person= "John"; })
without debug Info:
If you want open the debug info again:
In console:
Angular.reloadwithdebuginfo ();
[AngularJS] New in Angular 1.3-performance Boost with debuginfoenabled