Home/ Questions/Q 8476715
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T18:15:24+00:00

My templates contain JS, as they are called JS is not executed, you have

  • 0

My templates contain JS, as they are called JS is not executed, you have an idea please.

For example in my JS file script.js, i have methods that apply to HTML elements in my templtes and it does not work, an idea please.

Example :

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body ng-app>
    <ng-include src="'header.html'"></ng-include>
    <script src="angular.js"></script>
    <script src="jquery.js"></script>
    <script src="script.js"></script>
</body>
</html>

header.html

<div id="header">
<div id="logo">AngularJs</div>
<div id="nav"></div>
</div>

script.js

$(document).ready(function(){
    $('#nav').html('<ul><li><a href="">Link<a></li></ul>');
});

The script execute well, I feel it does not find the element div#nav.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sorry, I read wrong a part of your question, my mistake.

    The DOM ready statement of jQuery will probably not work correctly. What you can do is on your ngInclude tag add a onload=”FUNCTION_NAME” that contains the DOM edition you indicated inside the script.js

    For more information have a look at the documentation here: http://code.angularjs.org/1.0.1/docs-1.0.1/api/ng.directive:ngInclude

    — Old Post —

    @YoussefElMontaser, you don’t have to put the quotes on the ngInclude:

    <ng-include src="header.html"></ng-include>

    probably that is what is wrong with your script not going forward.
    Let me know if that worked.

    • 0