2014-12-22 17:50:10 -08:00
|
|
|
// compiler benchmark in AngularJS 1.x
|
2015-02-02 16:25:34 -08:00
|
|
|
import {getIntParameter, bindAction} from 'e2e_test_lib/src/benchmark_util';
|
2014-11-17 11:01:21 -08:00
|
|
|
|
|
|
|
export function main() {
|
|
|
|
var ngEl = document.createElement('div');
|
|
|
|
angular.bootstrap(ngEl, ['app']);
|
|
|
|
}
|
|
|
|
|
|
|
|
function loadTemplate(templateId, repeatCount) {
|
|
|
|
var template = document.querySelectorAll(`#${templateId}`)[0];
|
|
|
|
var content = template.innerHTML;
|
|
|
|
var result = '';
|
|
|
|
for (var i=0; i<repeatCount; i++) {
|
|
|
|
result += content;
|
|
|
|
}
|
|
|
|
// replace [] binding syntax
|
|
|
|
result = result.replace(/[\[\]]/g, '');
|
|
|
|
|
|
|
|
// Use a DIV as container as Angular 1.3 does not know <template> elements...
|
|
|
|
var div = document.createElement('div');
|
|
|
|
div.innerHTML = result;
|
|
|
|
return div;
|
|
|
|
}
|
|
|
|
|
|
|
|
angular.module('app', [])
|
2014-12-22 17:50:10 -08:00
|
|
|
.directive('dir0', ['$parse', function($parse) {
|
2014-11-17 11:01:21 -08:00
|
|
|
return {
|
|
|
|
compile: function($element, $attrs) {
|
|
|
|
var expr = $parse($attrs.attr0);
|
|
|
|
return function($scope) {
|
|
|
|
$scope.$watch(expr, angular.noop);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2014-12-22 17:50:10 -08:00
|
|
|
}])
|
|
|
|
.directive('dir1', ['$parse', function($parse) {
|
2014-11-17 11:01:21 -08:00
|
|
|
return {
|
|
|
|
compile: function($element, $attrs) {
|
|
|
|
var expr = $parse($attrs.attr1);
|
|
|
|
return function($scope) {
|
|
|
|
$scope.$watch(expr, angular.noop);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2014-12-22 17:50:10 -08:00
|
|
|
}])
|
|
|
|
.directive('dir2', ['$parse', function($parse) {
|
2014-11-17 11:01:21 -08:00
|
|
|
return {
|
|
|
|
compile: function($element, $attrs) {
|
|
|
|
var expr = $parse($attrs.attr2);
|
|
|
|
return function($scope) {
|
|
|
|
$scope.$watch(expr, angular.noop);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2014-12-22 17:50:10 -08:00
|
|
|
}])
|
|
|
|
.directive('dir3', ['$parse', function($parse) {
|
2014-11-17 11:01:21 -08:00
|
|
|
return {
|
|
|
|
compile: function($element, $attrs) {
|
|
|
|
var expr = $parse($attrs.attr3);
|
|
|
|
return function($scope) {
|
|
|
|
$scope.$watch(expr, angular.noop);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2014-12-22 17:50:10 -08:00
|
|
|
}])
|
|
|
|
.directive('dir4', ['$parse', function($parse) {
|
2014-11-17 11:01:21 -08:00
|
|
|
return {
|
|
|
|
compile: function($element, $attrs) {
|
|
|
|
var expr = $parse($attrs.attr4);
|
|
|
|
return function($scope) {
|
|
|
|
$scope.$watch(expr, angular.noop);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2014-12-22 17:50:10 -08:00
|
|
|
}])
|
|
|
|
.run(['$compile', function($compile) {
|
2015-01-09 18:00:04 -08:00
|
|
|
var count = getIntParameter('elements');
|
|
|
|
var templateNoBindings = loadTemplate('templateNoBindings', count);
|
|
|
|
var templateWithBindings = loadTemplate('templateWithBindings', count);
|
2014-12-22 17:50:10 -08:00
|
|
|
|
2015-01-09 18:00:04 -08:00
|
|
|
bindAction('#compileWithBindings', compileWithBindings);
|
|
|
|
bindAction('#compileNoBindings', compileNoBindings);
|
2014-12-22 17:50:10 -08:00
|
|
|
|
2015-01-09 18:00:04 -08:00
|
|
|
function compileNoBindings() {
|
2014-12-22 17:50:10 -08:00
|
|
|
// Need to clone every time as the compiler might modify the template!
|
|
|
|
var cloned = templateNoBindings.cloneNode(true);
|
|
|
|
$compile(cloned);
|
|
|
|
}
|
|
|
|
|
2015-01-09 18:00:04 -08:00
|
|
|
function compileWithBindings() {
|
2014-12-22 17:50:10 -08:00
|
|
|
// Need to clone every time as the compiler might modify the template!
|
|
|
|
var cloned = templateWithBindings.cloneNode(true);
|
|
|
|
$compile(cloned);
|
|
|
|
}
|
|
|
|
}]);
|
2014-11-17 11:01:21 -08:00
|
|
|
|