11

Angular 1.3 引入了一种新方法,如果在应用程序配置函数debugInfoEnabled()中调用它可以提高性能:false

myApp.config(['$compileProvider', function ($compileProvider) {
    $compileProvider.debugInfoEnabled(false);
}]);

此外,Angular 1.3 放弃了对 IE8 的支持。这对我来说是个问题,我的应用程序必须在 IE8 上运行。因此,我无法升级到 Angular 1.3 并且必须使用 1.2。

有没有办法用 angular 1.2 实现相同的功能?

特别是,至少有一部分是debugInfoEnabled()

  • 在创建新范围时防止创建ng-scope/ ng-isolated-scopeCSS 类
  • 不要将绑定数据和 ng-class CSS 类附加到具有 ngBind、ngBindHtml 或 {{...}} 插值的元素

作为一种可能的选择,我可以分叉 angularjs 存储库并将功能反向移植回 1.2。然后,使用分支维护来自上游的更新。

将不胜感激任何指针。

4

2 回答 2

5

使用底层 DOMsetAttribute方法来防止默认行为。我在另一个答案中编辑了 plunker:

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

执行以下操作:

  • 克隆 DOMsetAttribute原型方法
  • 通过检查ng调试属性覆盖它
  • ng为调试属性返回 false
  • 否则正常返回

按如下方式使用它:

/* Clone the original */
HTMLElement.prototype.ngSetAttribute = HTMLElement.prototype.setAttribute;

/* Override the API */
HTMLElement.prototype.setAttribute = function(foo, bar) {
/* Define ng attributes */ 
var nglist = {"ng-binding": true, "ng-scope":true,"ng-class":true,"ng-isolated-scope":true};

console.log([foo,bar]);

/* Block ng attributes; otherwise call the clone */
if (nglist[foo]) 
  return false; 
else if (JSON.stringify(nglist).match(foo) )
  return false;
else
  return this.ngSetAttribute(foo, bar);
}

替换HTMLElementElementIE8。

参考

于 2015-01-17T20:07:13.777 回答
1

您可以尝试通过$logProvider.debugEnabled(true);在您的角度配置中提及来禁用它。为了使debugEnabled设置生效,您需要确保在做日志时使用$log提供者。

示例代码

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

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

app.controller('MainCtrl', function($scope, $log ) {
  $scope.name = 'Hello World!';
  $scope.testModel = {name: "test"};
  //console.log('This will show log even if debugging is disable');
  $log.debug('TEST Log');
});

这是小提琴

希望这会对您有所帮助。

于 2015-01-14T20:40:17.277 回答