Angular JS UI-Router Example not working

Question

I'm new to JS, and am trying out a simple Angular ui-router example, but I can't seem to get the router working, and can't see why. I've tested a few examples to make sure angular has been loaded and custom.js has been loaded (which they are), but when I come to using the router I get nothing, from my little knowledge I can't see anything glaringly obvious (this is basically and copy and paste example).

--HTML---

<!DOCTYPE html>
<html ng-app = "routerApp">
<head>
    <title></title>
    <script src="js/angularmin.js"></script>
    <script src="js/custom.js"></script>
</head>
<body>
TEST APP
<div ui-view></div>


</body>
</html>

--js/custom.js--

var routerApp = angular.module('routerApp', ['ui.router']);

routerApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/home');
    $stateProvider

        // HOME STATES AND NESTED VIEWS ========================================
        .state('home', {
            url: '/home',
            templateUrl: 'home-partial.html'
        })

        // ABOUT PAGE AND MULTIPLE NAMED VIEWS =================================
        .state('about', {
            // we'll get to this in a bit       
        });

});

Please check the console

RIYAJ KHAN
– RIYAJ KHAN

2016-09-05 18:19:00 +00:00
Commented Sep 5, 2016 at 18:19 — RIYAJ KHAN
– RIYAJ KHAN, Commented Sep 5, 2016 at 18:19

Sajeetharan · Accepted Answer · 2016-09-05 18:36:05Z

1

You have not referenced the js file for ui-router,

<head>
    <title></title>
    <script src="js/angularmin.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js" > </script>
    <script src="js/custom.js"></script>
</head>

DEMO APP

edited Sep 5, 2016 at 18:36

answered Sep 5, 2016 at 18:12

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

7 Comments

Sam Palmer Over a year ago

does that need to be downloaded separately?

Sajeetharan Over a year ago

@SamPalmer yes indeed

Sam Palmer Over a year ago

ah I thought it was part of the original angular code, so I just used bower to download it, and include "angular-ui-router.js", but still no result

Sajeetharan Over a year ago

@SamPalmer did you check the sample app?

Sam Palmer Over a year ago

so I need to build the angular-ui-router after using bower? As I can't see angular-ui-router.js anywhere

|

Collectives™ on Stack Overflow

Angular JS UI-Router Example not working

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