个人中心
gpt4 book ai didi

javascript - 网址已更改，但 AngularJS 中没有显示任何内容

转载 作者：行者123 更新时间：2023-12-02 16:29:15 24 4
gpt4 key购买 nike

我有一个登录页面和一个主页，我实现它们的方式是每个页面都有自己的模块。登录页面有loginApp，主页有myApp。当我单击提交时，我想导航到 home.html。

在我的index.html(登录页面)中，我有这个:

   <script>
     angular.module("whole", ["loginApp", "myApp"]);
   </script>

在顶部我声明了这一点:

<html ng-app="whole" class="ng-scope">

现在我被困在这个 ngRoute 上。我有这个:

"use strict";
var lapp = angular.module("loginApp", ["ngRoute", "ngCookies"]);

lapp.config(["$routeProvider", function ($routeProvider) {
    $routeProvider
            .when("/", {
                templateUrl: "index.html"
            })
            .when("/home", {
                templateUrl: "home.html"
            })
            .otherwise({redirectTo: '/'});
}]);

这在我的登录Ctrl中:

$scope.login = function () {
        var credentials = {
            username: $scope.username,
            password: $scope.password
        };
        Auth.login(credentials, function (res) {
            init();
            $location.path("views/home.html");
        }, function (err) {
            init();
        });

这在我的 html 中:

<div ng-controller="loginCtrl" class="login">
  <form ng-submit="login()" method="post" name="form" novalidate>  
   <!--two inputs and stuff-->
   <input type="submit" value="Login">
 <!--Then some closing tags, whatever-->

我的初始网址是:

http://localhost:8000/public_html/

点击提交(登录)后，它变成了

http://localhost:8000/public_html/views/home.html#/basic

但是除非我刷新页面，否则 View 不会改变。还有另一篇关于此的文章，但他犯了一个拼写错误，我确信我确实正确地输入了“templateUrl”。我什至不知道是什么导致了这个错误。我只是假设 ngRoute。

最佳答案

你误用了“.otherwise”

您需要区分 templateUrl 和 path 之间的理解。

A template url is a url points on an html file that will get injected into the ng-view directive

A path is your surfix of the url telling your router which templateUrl (and other configs) should be used

例如:

应用程序配置 block :

$routeProvider
   .when("/login", {
         templateUrl: "login.html"
     })
   .when("/home", {
         templateUrl: "home.html"
     })
     .otherwise({redirectTo: '/home'}); <-- if no path is matched, use this path

Controller :

  $scope.login = function () {
    var credentials = {
        username: $scope.username,
        password: $scope.password
    };

    Auth.login(credentials, function (res) {
        init();
        $location.path("/home");
    }, function (err) {
        init();
    });

关于javascript - 网址已更改，但 AngularJS 中没有显示任何内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28453532/

24 4 0
文章推荐： javascript - 停止多个悬停事件的传播
文章推荐： c# - WPF C# Properties.Settings 不存在
文章推荐： javax.xml.ws.WebServiceException : Method X is exposed as WebMethod, 但是没有对应的wsdl操作
文章推荐： javascript - 设置按钮按下功能以触发带有 Id 的 Ajax 调用
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com