个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在练习 AngularJS 并遇到一个问题:即使我添加了 angular-route.js，ng-route 也不起作用。
这是我的 app.js 文件:
var app = angular.module('app', ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/intro.html'
})
.when('game', {
templateUrl: 'views/game.html',
controller: 'TableController'
})
.when('about', {
templateUrl: 'views/about.html'
})
.otherwise({
redirectTo: '/'
});
}]);
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<title>Color Picking</title>
<meta name="author" content="pexea12">
<meta charset="utf-8">
<meta name="viewport" content="device=device-width, initial-scale=1.0">
<!-- CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<!-- Script -->
<script src="js/bootstrap/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
</head>
<body ng-app="app">
<header>
<br>
<h2>Color Picking</h2>
<br>
</header>
<div id="main">
<div ng-view></div>
</div> <!-- main -->
<!-- AngularJS -->
<script src="js/vendor/angular.min.js"></script>
<script src="js/vendor/angular-route.js"></script>
<script src="js/app.js"></script>
<!-- Services -->
<script src="js/services/ColorService.js"></script>
<!-- Factories -->
<script src="js/factories/RandomFactory.js"></script>
<!-- Controllers -->
<script src="js/controllers/TableController.js"></script>
</body>
</html>
我的文件夹树是:css(css 文件、Bootstrap)Node.js(app.js、 Controller 、服务、工厂……)浏览次数
我的网站适用于 http://localhost:8080/但不适用于 localhost:8080/about 或 localhost:8080/game。
我现在真的陷入困境，找不到解决方案。
最佳答案
我认为您在.when之后遇到问题，应该是:
$routeProvider
.when('/', {
templateUrl: 'views/intro.html'
})
.when('/game', {
templateUrl: 'views/game.html',
controller: 'TableController'
})
.when('/about', {
templateUrl: 'views/about.html'
})
.otherwise({
redirectTo: '/'
});
您的 route 缺少 /
关于javascript - AngularJS 中的 ng-route 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32342247/
25
4
0
您好，如果没有身份验证，我尝试保护路由，但它不起作用 警告:您不应在同一个 route 使用路线组件和路线渲染；路线渲染将被忽略 App.js import React, { Fragment,
几乎我见过的每个示例，app.js 都使用 require 和路径 ./。我想知道为什么我们不能只使用 /。例如，为什么我们不能执行以下操作。 var express = require('expre
如果router.all()只匹配所有方法，是否可以用router.use()代替？router.use() 和 router.route() 之间有什么区别？ 最佳答案 router.all:这意味
在我的 Symfony应用程序我想根据当前用户的文化选择 routing.yml； 'en' => routing.en.yml 'no' => routing.no.yml 等等。 关于如何做到这一
我正在使用 React Router v6 并为我的应用程序创建私有(private)路由。 在文件 PrivateRoute.js 中，我有代码 import React from 'react';
这个问题在这里已经有了答案: Error "Error: A is only ever to be used as the child of element" (14 个回答) Error: [P
我正在关注 Ember Quick Start guide (ember-cli v 2.11)，并按照说明构建玩具应用程序。在“定义路线”部分，说明说要运行命令 ember generate rou
这个问题在这里已经有了答案: ReactJS: [Home] is not a component. All component children of must be a or (5 个答
这个问题在这里已经有了答案: ReactJS: [Home] is not a component. All component children of must be a or (5 个答
单击“开始测验”按钮时，我试图导航到“/quiz”。 但是，当我编译我的代码时，我在网站应用程序上收到以下错误:[Home] is not a component. All component ch
我有一点咸菜。我正在使用路由保护(实现 CanActivate 接口(interface))来检查用户是否被授予访问特定路由的权限: const routes: Routes = [ {
我正在尝试测试我的应用程序正在使用的引擎内部的 Controller 。规范不在引擎中，而是在应用程序本身中(我试图在引擎中进行测试，但也遇到了问题)。 我的引擎有以下 routes.rb: Revi
我是Remix的新手，我正在尝试使用V2路由方法实现特定的路由解决方案。。这是一个人为的例子，不是真实的东西，只是为了说明这一点。。我想要的URL方案是：。我从以下几条路线开始：。App/routes
我正在尝试从 rails 2.3.x(使用 subdomain_routes 插件)转换一些子域路由，如下所示: map.subdomain :biz do |biz| biz.resources
我将 Symfony 的 3.1 路由组件用作独立组件。 我想调试路由。 据此: http://symfony.com/doc/current/routing/debug.html 这是通过运行以下命
我是 Sparkjava 的新手，总体上喜欢它。但是，是否必须在 main 方法中定义新的路由/端点？对于任何重要的 Web 应用程序，这将导致一个非常长的 main 方法，或者我需要有多个 main
我刚刚使用node.js 和express.js 开发了一个原型(prototype)。在这里，我使用了 Express 路由来对后端进行 CRUD。 server.js 文件: app.get('/
我不明白 Angular 4 中路由的一些基本概念。 index.html: 文件结构: - app |- app.routings.ts |- collections |-- collection
我在反应路线和理解合成路线方面遇到了一些困难。我尝试了一些代码，但不幸的是，它不能像预期的那样工作。“/”路径运行得很好，但是，当我尝试访问“/Child”时，它似乎不起作用。我认为包装器路由}/>可
我正在尝试使用 cakephp 3 实现 REST api。 为了给我的问题提供一个易于重现的示例，我从全新安装 cakephp 3.1.11 开始。 在 config/routes.php 中，我添
我是一名优秀的程序员,十分优秀！