Navigate to Template using angular route

Question

I have been trying to navigate to views using angulateJs ngRoute. I defined first navigation using

$routeProvider.
            when('/login', {
                templateUrl: 'login.html',
                controller: 'loginCtrl'

            }).
            when('/home', {
                templateUrl: 'home.html'
            }).
            otherwise({
                redirectTo: '/login'
            });

Now I want to move to page home from loginController. How can I achieve that. every post just saying about navigating from main page only. I tried with

app.controller('loginCtrl', function($scope, $location){
    $scope.login = function(){
        $location.path('/home');
    }
});

app.controller('LoginCtrl', function($scope, $location){ $scope.login = function(){ $location.path('/home'); } }); Its not working — Binod Singh, Feb 26 '15 at 08:04

score 1 · Answer 1 · edited Feb 26 '15 at 08:14

1

Binod you should probably look in to the $state injector on the controller. This $state will have states to which you can reach, which are internally mapped to some other templates, like $state.go('someOtherPage'). I would suggest you to checkout $stateProvider

edited Feb 26 '15 at 08:14

Gerard de Visser

7,590
9
50
58

answered Feb 26 '15 at 08:07

user3511732

15
4

With state provider is better or route provider – Binod Singh Feb 26 '15 at 08:09
added the solution with state provider – Binod Singh Feb 26 '15 at 13:38

score 0 · Answer 2 · answered Feb 26 '15 at 08:03

0

Inject $location in your code where u want to go to the template, and then use $location.path('/home');

answered Feb 26 '15 at 08:03

KaustubhSV

328
4
15

how to inject location – Binod Singh Feb 26 '15 at 08:22

Shweta M · Answer 3 · 2015-02-26T08:33:05.160

0

try

       when('/home',{
                templateUrl : 'home.html',
                controller : 'HomeController'
       })

and create one empty controller with the name HomeController.

edited Feb 26 '15 at 08:33

answered Feb 26 '15 at 08:27

Shweta M

146
1
2
11

my Problem is I want to navigate to /home from login controller – Binod Singh Feb 26 '15 at 08:34
Just check the location of home.html in the folder structure of your project. – Shweta M Feb 26 '15 at 08:55

score 0 · Answer 4 · answered Feb 26 '15 at 09:39

Solved using $stateProvider.

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

routerApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/login');

$stateProvider

    .state('login', {
        url: '/login',
        templateUrl: 'login.html',
        controller: 'loginCtrl'
    })

    .state('home', {
        url: '/homeffgfg',
        templateUrl: 'home.html'  
    });

});

and Login Controller is

app.controller('loginCtrl', function($scope, $state){
$scope.login = function(){
    $state.go('home');
}

});

ui.router dependency is important and <script type="text/javascript" src="js/angular-ui-router.js"></script>

Navigate to Template using angular route

4 Answers4