0

我正在尝试手动构建一个 shell 试图弄清楚它是如何工作的

结构：

- application(php stuff)

- webroot
-- app
--- app.js

-- templates
--- main
---- login
----- login.html

index.html (with angularjs libs)

应用程序.js：

function config($routeProvider){
    $routeProvider
        .when("/login",{
            templateUrl: "../templates/main/login/login.html"
        })
        .otherwise({ redirectTo:"/other" });
}


angular
    .module("app", ["ngRoute", "ngResource"])
    .config(config);

登录：

<div>LOGIN test template</div>

“/其他”不退出。此外，我尝试了不同的路径： templateUrl: "templates/main/login/login.html" templateUrl: "webroot/templates/main/login/login.html"

顺便说一句，url带有一个“#”（例如nameDomain.com/#/login，但它应该是nameDomain.com/#login）但angularjs似乎只允许/nameUrlTemplate

4

1 回答 1

1

查看 Angular 的routeProvider文档，因为这应该可以消除您的一些困惑。

我认为您在这里想要做的是在您的 中使用现有路由.otherwise，因为由于/other没有在任何地方定义，Angular 不会知道您用它做什么：

var app = angular.module('app', ['ngRoute', 'ngResource']);
app.config(function config($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: '../templates/main/index.html'
    })
    .when('/login', {
      templateUrl: '../templates/main/login/login.html'
    })
    .otherwise({
      redirectTo: '/'
    });
});

我相信这应该会给你你正在寻找的效果。显然，您可以根据需要对其进行调整，例如，如果您想为未定义的任何内容设置 404 路由/模板。就目前而言，这将始终回退到不存在的特定路线的主页。当您考虑用户和登录/退出状态时，这会变得更加复杂，但这更像是一个概念验证。

此外，ngRoute默认情况下，将呈现格式为的 URL，/#/foo因为它使用 hashbang 样式格式，这使得搜索引擎的爬虫能够解析和读取 JavaScript webpp 的各种页面/状态。您指的是文档片段，爬虫无法对其进行索引。您可以在 Google 的网站管理员文档上阅读更多关于差异的信息。

于 2015-02-05T18:07:18.157 回答