Question

我一直在尝试使用angulateJs ngRoute导航到视图。我使用

定义了第一个导航

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

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

现在我想从loginController转到home home。我怎样才能做到这一点。每个帖子只是说只从主页导航。我试过

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

Answer 1

Binod你应该查看控制器上的$ state注入器。此$state将包含您可以访问的状态，这些状态在内部映射到其他模板，例如$state.go('someOtherPage')。我建议您结帐$stateProvider

Answer 2

在您希望转到模板的代码中注入$location，然后使用$location.path('/home');

Answer 3

试

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

并创建一个名为HomeController的空控制器。

Answer 4

使用$ 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'  
    });

}）;

和登录控制器

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

}）;

ui.router依赖很重要，<script type="text/javascript" src="js/angular-ui-router.js"></script>

使用角度路径导航到模板

4 个答案: