How to detect if ng-controller exists on a HTML page

Question

Im trying to write some fairly simple JS.

I have a rang of angular controllers defined on my HTML pages, e.g:

<div ng-controller="Ctrl1">

    // My code

</div>

How would i go about writing some vanilla JS/jQuery on page load, to detect if 'ng-controller' exists?

Thanks

Because, what i want to achieve is that if ng-controller exists, then angular.bootstrap(document,['myApp']);.... Not all my pages are/need to load Angular (not the best solution or correct use of ANgular i know) — Oam Psy
– Oam Psy, Commented Jul 3, 2014 at 8:21

CodingIntrigue · Accepted Answer · 2014-07-03 08:16:32Z

1

You can use a simple attribute querySelector:

if(document.querySelector("[ng-controller]")) {
    // ng-controller tag exists
}

answered Jul 3, 2014 at 8:16

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

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

1 Answer 1