Selectors not implemented when bootstrapping AngularJS without jQuery

Question

I have been using this code to bootstrap AngularJS:

angular.bootstrap(angular.element("body")[0], ["stApp"]);

However now I decided not to use jQuery and I am getting the message "selectors not implemented"

Is there a way I can resolve this without have to use the jQuery selector?

Can you use ng-app instead of manually bootstrapping? If so, just add it to your body element. — Mark Rajcok
– Mark Rajcok, Commented Jun 17, 2013 at 17:44
I am loading AngularJS at the bottom of my document. Correct me if wrong but I believe for this I need to do a manual bootstrap after AngularJS is loaded. — Alan2
– Alan2, Commented Jun 17, 2013 at 17:47

pkozlowski.opensource · Accepted Answer · 2013-06-17 18:14:03Z

2

First of all, you can use ng-app even if you load AngularJS script at the bottom of a page, there shouldn't be any problem with this.

And yes, if you don't include jQuery AngularJS falls-back to so called jqLite - a minimal subset of jQuery APIs needed for proper functioning of AngularJS. As mentioned on http://docs.angularjs.org/api/angular.element the only selectors implemented in jqLite are tag name selectors. So If you really want to do manual bootstrapping you should change your code to:

angular.element(document).ready(function() {
  angular.bootstrap(angular.element(document).find('body'), ['stApp']);
});

Here we are only using a tag-name selector so find is working as expected, even without jQuery included. Demo plunk: http://plnkr.co/edit/xsE02zWxK993FTXtWUbp?p=preview

answered Jun 17, 2013 at 18:14

pkozlowski.opensource

117k60 gold badges329 silver badges286 bronze badges

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

1 Comment

Alan2 Over a year ago

Can you check the following answer to a similar question: stackoverflow.com/questions/16537783/… It seems to suggest that I must do a manual bootstrap. "They are roughly the same, with a few differences: angular.bootstrap(document, ['TodoApp']); This will work if you have your scripts loaded at the end of the page (instead of in the header). Otherwise, the DOM will not be loaded at the time of bootrsaping the app (there won't be any template to be compiled, the directives won't have any effect). "

Collectives™ on Stack Overflow

Selectors not implemented when bootstrapping AngularJS without jQuery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related