AngularJS - simple routing not working

Question

I have a route with parameter like this

 var app = angular.module("myapp", ["ngRoute"]);

    app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
            $locationProvider.hashPrefix("!").html5Mode(true);

            $routeProvider

            .when('/sukien', { templateUrl: '/app/views/sukien/index.html' , controller: 'eventCtrl' })
            .when('/sukien/:id', { templateUrl: function (params) { return '/app/views/sukien/index.html?id=' + params.id }, controller: 'eventCtrl' })


        }])

why /sukien works and /sukien/:id doesn't ? indeed, angularjs seems not to understand what it is. "Uncaught TypeError: undefined is not a function"

/sukien/333 => failed to work.

Just print params to console from your function to see what it contains. — akonsu
– akonsu, Commented Nov 3, 2014 at 9:27

AlexHv · Accepted Answer · 2014-11-03 09:10:27Z

1

You are mixing template url, state of your application and search parameters it seems.

The templateUrl tells angularjs where to look for the html file : it will very unlikely depend on the params.id and be set via a function, but will rather be a constant.

It has nothing to see with the url that the user sees in their browser.

For example : '/app/views/sukien/suiken.html'

The url the user sees will be something like :

.../suiken/1223445

And you can then access the id in your controller via $routeParams.id

answered Nov 3, 2014 at 9:10

AlexHv

1,73415 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - simple routing not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related