From c8f38c446033eb52e0ba58eb00579daca0bfd3fe Mon Sep 17 00:00:00 2001 From: Karl Seamon Date: Mon, 9 Dec 2013 15:36:15 -0500 Subject: [PATCH] perf(a): do not link when href or name exists in template Change the a directive to link and hookup a click event only when there is no href or name in the template element. In a large Google app, this results in about 800 fewer registrations, saving a small but measurable amount of time and memory. --- src/ng/directive/a.js | 18 ++++++++++-------- test/ng/directive/aSpec.js | 26 ++++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 8 deletions(-) diff --git a/src/ng/directive/a.js b/src/ng/directive/a.js index b3e9ad6d54f1..fe50a79b19a3 100644 --- a/src/ng/directive/a.js +++ b/src/ng/directive/a.js @@ -32,13 +32,15 @@ var htmlAnchorDirective = valueFn({ element.append(document.createComment('IE fix')); } - return function(scope, element) { - element.on('click', function(event){ - // if we have no href url, then don't navigate anywhere. - if (!element.attr('href')) { - event.preventDefault(); - } - }); - }; + if (!attr.href && !attr.name) { + return function(scope, element) { + element.on('click', function(event){ + // if we have no href url, then don't navigate anywhere. + if (!element.attr('href')) { + event.preventDefault(); + } + }); + }; + } } }); diff --git a/test/ng/directive/aSpec.js b/test/ng/directive/aSpec.js index a284f4bc8199..dc0de729fe58 100644 --- a/test/ng/directive/aSpec.js +++ b/test/ng/directive/aSpec.js @@ -58,4 +58,30 @@ describe('a', function() { expect(element.text()).toBe('hello@you'); }); + + + it('should not link and hookup an event if href is present at compile', function() { + var jq = jQuery || jqLite; + element = jq('hello@you'); + var linker = $compile(element); + + spyOn(jq.prototype, 'on'); + + linker($rootScope); + + expect(jq.prototype.on).not.toHaveBeenCalled(); + }); + + + it('should not link and hookup an event if name is present at compile', function() { + var jq = jQuery || jqLite; + element = jq('hello@you'); + var linker = $compile(element); + + spyOn(jq.prototype, 'on'); + + linker($rootScope); + + expect(jq.prototype.on).not.toHaveBeenCalled(); + }); });