angularjs removing jquery autoload manually

Question

I have built a site using AngularJS 1.2.9 which is being added into a client's website as a block in the body via a CMS. I have no control over the header of the page and they are using an old version of jQuery (1.6).

As Angular by default uses jQuery if it detects it is loaded in the DOM I am getting element not defined errors for the element references in the compile link functions etc.

I need to find a way of stopping Angular from using jQuery and instead just defaulting to using the default jqLite. A weird request I know but I don't have any control over the header scripts and the page is throwing errors for all the selector code. I found this in the AngularJS docs for 1.2

Angular 1.2 only operates with jQuery 1.7.1 or above.

So I assume this error is caused by the older 1.6 version of jQuery being loaded in.

So my question is:

Is there a way to manually tell AngularJS NOT to use jQuery during bootstrapping?

TRGWII · Accepted Answer · 2015-02-06 16:16:59Z

1

Not sure if this will work for you, but it has solved similar problems for me in the past.

<script>
  var backup = {
    $: window.$,
    jQuery: window.jQuery
  };
  delete $;
  delete jQuery;
</script>

<script src="path/to/Angular.js"></script>

<script>
  var $ = backup.$;
  var jQuery = backup.jQuery;
  delete backup;
</script>

answered Feb 6, 2015 at 16:16

TRGWII

6485 silver badges14 bronze badges

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

2 Comments

Tim Over a year ago

Thanks TRGWII - will try it and let you know. Can you talk me through the 3rd script block? I assume it is saving a reference to jQuery and then deleting it in the first block then after loading angular adding it back again? If so - how do you know if angular has finished bootstrapping before reinstating it?

TRGWII Over a year ago

I re-add the jquery to window in the end to prevent other stuff further down the page from breaking, in case it wasn't clear.

Collectives™ on Stack Overflow

angularjs removing jquery autoload manually

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