角路由不起作用

Question

I have problem with angular routing. 我在角度布线时遇到问题。

index.html: index.html的：

<!DOCTYPE html>
<html>

<head>
  <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
  <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
  <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
  <script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  <script data-require="angular-route@*" data-semver="1.2.16" src="http://code.angularjs.org/1.2.16/angular-route.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="loginController.js"></script>
  <script src="loginService.js"></script>
  <script src="AppController.js"></script>
</head>

<body ng-app="betsApp" ng-controller="appCtrl">
  <div class="container">
    <div ng-view></div>
  </div>
</body>

AppController.js AppController.js

var betsApp = angular.module('betsApp', ['ngRoute', 'loginApp', 'loginService']);

betsApp.config(function($routeProvider, $locationProvider)
{
    $locationProvider.html5Mode(true);
    $routeProvider.when('/', {templateUrl: '/error.html'})
        .when('/login', {templateUrl: '/pages/loginView.html'});
});

betsApp.controller('appCtrl', function($scope)
{

});

loginView.html: loginView.html：

<div ng-app="loginApp" ng-controller="loginCtrl">
    <h1>Login</h1>
    <hr>
    <form>
        <div class="form-group">
            <input type="email" ng-model="credentials.email" value="{{credentials.email}}">
        </div>
        <div class="form-group">
            <input type="password" ng-model="credentials.password" value="{{credentials.password}}">
        </div>
        <div class="form-group">
            <input type="button" value="Login" ng-click="doLogin()">
        </div>
    </form>
</div>

The problem is that I see only a white page without any inserted view. 问题是我只能看到白页，而没有插入任何视图。 here is a link to plunker . 这是通向朋克的链接 。

Answer 1

The link to the plnkr does not match the code you have provided above (route definitions) 到plnkr的链接与您上面提供的代码（路线定义）不匹配

That being said I was able to get it routing by turning off html5Mode 话虽这么说，我能够通过关闭html5Mode使其路由

Note: even angular's routing example does not work w/ html5Mode on... http://plnkr.co/edit/7YNtWncWYtxceELnzkAT?p=preview 注意：即使是angular的路由示例也无法在html5Mode上使用... http://plnkr.co/edit/7YNtWncWYtxceELnzkAT?p=preview

Also, in loginView you are trying to define ng-app="loginApp" that will not be allowed, while you can have nested ng-app's (unless you manually bootstrap them documentation ) 另外，在loginView中，您尝试定义将不允许的ng-app="loginApp" ，而您可以嵌套ng-app（除非您手动引导它们的文档）

角路由不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-06-05 13:24:06

角路由不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-06-05 13:24:06

解决方案1
1 已采纳 2014-06-05 13:24:06