<script> not working with AngularJS

Question

I have the following code inside the view(partial) of AngularJS

<%@ page 
    pageEncoding="UTF-8"%>

<p>
some text
</p>

<script>
    $(document).ready(function(){ alert("WORKS");  }) 
</script>

I need it here and not in controller as later I want to implement Google Map. However the alert is not triggered. What may be the reason?

Relative part in the output HTML

    <div id="partials">
    <!-- ngView: --><div data-ng-view="" class="ng-scope">

<p class="ng-scope">
text

</p>

<script type="text/javascript" class="ng-scope">
    $(function(){ alert("WORKS"); });


        </script></div>
</div>

Have you remembered to include jQuery? AngularJS only supports jQuery if it's present in your app when the application is being bootstrapped. — Obsidian Age
– Obsidian Age, Commented Jun 13, 2017 at 20:16
yes even if I think it is not necessary. (even without $(document) it is not working — AlexP
– AlexP, Commented Jun 13, 2017 at 20:19
Can you post the generated html that you see in the browser? Maybe it just doesn't get generated due to caching issues — Andre Kraemer
– Andre Kraemer, Commented Jun 13, 2017 at 20:35

AlexP · Accepted Answer · 2017-06-17 12:28:07Z

1

jQuery Library must stand before AngularJS library in declaration. This has solved my problem

answered Jun 17, 2017 at 12:28

AlexP

4592 gold badges10 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

<script> not working with AngularJS

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related