when use ng-include add javascript controller not work

Question

I know I could do load all controller in mainPage but when there are many innerController and they have nothing to do with each other. Perhaps it's not a good idea to move them all to mainController or mainPage

I can't load controller although I managed to load controller's js file successfully.

see this sample of main page:

<html lang="en" ng-app="FirstPage">
<head>
    <title>test</title>>
</head>
<body>
<div class="super_container" ng-controller="firstController">
..............
    <div id="ext-content" ng-include="innerPage.html" />
..............
</div>

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script src="app/apps/app.js"></script>
<script src="app/controllers/layout.js"></script>
</body>
</html>

now see to second page:

<script src="app/controllers/innerController.js"></script>
<div ng-controller="innerController" >
    ...................
</div>

when i load innerController.js on mainPage inner included page work successfully. but when i load inner controller in inner page ng-include don't work successfully and my page not found innerController.

JB Nizet · Accepted Answer · 2018-02-24 13:34:06Z

0

Controllers may not be loaded lazily. They must be registered in the module during the configuration phase, at startup time.

So the script must be in index.html, not in the included HTML.

answered Feb 24, 2018 at 13:34

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

7 Comments

saman.firouzi Over a year ago

tanks for your answer. but i think it's not good. Because all controllers are placed in the original format and not all of them are loaded properly. It may not even be used, but it has been loaded onto the client.

JB Nizet Over a year ago

That doesn't mean anything to me. Your question asks why loading a controller from a script that is part of an ng-included template, my answer provides the answer: it's perfectly normal, because you can't do that.

saman.firouzi Over a year ago

tanks. i am editing my question. I know I could do like this but there are many controllers like innerController and they have nothing to do with each other. Perhaps it's not a good idea to move them all to mainController or mainPage

JB Nizet Over a year ago

and they have nothing to do with each other: well, they're part of the same single-page angular application. I have, once again, no idea of what you mean by "move them all to mainController or mainPage". I never suggested anything like that. All I said was: the script must be in index.html, not in the included HTML.

saman.firouzi Over a year ago

If I have multiple pages of the same format, each with their own controller, I will have to add a few controls to the index.html. is not reusable. I'm right? is not reusable

|

Collectives™ on Stack Overflow

when use ng-include add javascript controller not work

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related