有没有更好的方法来路由页面

时间:2017-10-03 14:10:47

标签: javascript angularjs

我是Angular js的新手。我创建了简单的登录页面。我的代码工作得很好。但是当我登录时,我想要它route页面。我浏览了一些博客,但我没有更好的方法。

我创造了一个plunker。请在这里查看。

https://plnkr.co/edit/9O5dHYZMKAqF07y7moVT

1 个答案:

答案 0 :(得分:0)

以前称为Angular,然后作为Angular 1.x现在称为AngularJS。 请注意它的一个词:)

为了更改控制器内的路径。 (我认为这是你的意思,因为我看到一些玩登录信息。)
您可以使用$ location。

$location.path(path-to-where-you-wanna-go);

您还需要告诉注射器使用$ location,因此您的完整控制器将如下所示:

app.controller('credientials', function($scope, $location, authentication) {
  $scope.name = 'World';
  $scope.cred = 'admin/123';

  $scope.templates =
                [
                    { url: 'login.html' },
                    { url: 'practice.html'}
                ];
                    $scope.template = $scope.templates[0];
                    $scope.loginform = function (username, password) {
                if ( $scope.username === 'admin' && $scope.password === '123') {
                    authentication.isAuthenticated = true;
                    $scope.template = $scope.templates[1];
                    $scope.user = username;
                    $scope.info = authentication.isAuthenticated;
                    $location.path( "/practice" );
                } else {
                    $scope.error = "Invalid username and password";
                }
              };
});

假设你想去/练习路线。请注意,您缺少外部路由的模板和控制器。没有它,它就不会起作用。