angularjs routing problems (ui-router)

Question

I'm new to angularjs (3 days) and the project is simple, (i removed the login logic).

login page that sends you to the dashboard.

the dashboard contains 2 views: sidebar and main.

I'm using ui-router and i have problem with views and states.

for some reason , even the login page dosen't work anymore. it used to work and sends me to the dashboard with an empty view ( my views are not empty)

Add 'ui.router' dependency in app module initialization. "loginsrv.js: var app = angular.module('app.services', ['ui.router']);" — lzagkaretos
– lzagkaretos, Commented Feb 23, 2019 at 17:47
ui-router is already in the app module. added to the server but nothing changed @lzagkaretos — Amine Da.
– Amine Da., Commented Feb 23, 2019 at 17:52

Marcus Höglund · Accepted Answer · 2019-02-23 21:08:08Z

1

I found two issues here.

First of, you need to add reference to your scripts in the index.html page

<script src="app.js"></script>
<script src="login/login.js"></script>
<script src="main/dashboard/dash.js"></script>
<script src="main/dashboard/left/assets.js"></script>
<script src="main/main.js"></script>
<script src="services/loginsrv.js"></script>

Secondly, the preview version of the new plunker didn't work with this fix..but the old did..

Here's a working sample

https://plnkr.co/edit/HQkPhKgN6CkAVE99JSk0?p=preview

answered Feb 23, 2019 at 21:08

Marcus Höglund

16.9k11 gold badges53 silver badges72 bronze badges

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

2 Comments

Amine Da. Over a year ago

one more thing. what if my app is big with +100 js files. is there an alternative of referencing all js file in index.html ? i've seen some projects without any ref. isn't that the role of my app.js too ? I did ref everything in there.

Marcus Höglund Over a year ago

@AmineDa. You should use a bundler for your app which will compress all the files into one. Take a look at webpack or gulp

Collectives™ on Stack Overflow

angularjs routing problems (ui-router)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related