角度js路由不工作，没有任何js错误

我正在路由application.here我有代码索引和控制器js请告诉我我要去哪里错了。角度js路由不工作，没有任何js错误

我的角的js代码

<!DOCTYPE html> 
<html ng-app="helloApp"> 
<head> 
    <title>HelloWorld</title> 

    <link rel="stylesheet" href="css/bootstrap.min.css"> 

</head> 

<body> 
    <div class="container"> 
    <div class="page-header"> 
    <h1>Hello World Sample Program</h1> 
    </div> 
    <p><a href="#/page">Go to page</a></p> 
    <p><a href="#/page1">Go to page1</a></p> 
    <p><a href="#/page2">Go to page2</a></p> 
    <p><a href="#/page3">Go to page3</a></p> 


    <div> 
    <form class="form-horizontal" role="form"> 
     <div class="form-group"> 
      <label class="col-md-2 control-label">Type Your Name</label> 
      <div class="col-md-4"> 
       <input type="text" ng-model="name" class="form-control"/> 
       <span>Hello {{ name }}</span> 
      </div> 
     </div> 
    </form> 
    </div> 
    </div> 
    <script src="js/angular.min.js"></script> 
    <script src="js/ui-bootstrap-tpls-2.0.0.min.js"></script> 
    <script src="js/angular-route.min.js"></script> 
    <script src="js/app.js"></script> 
</body> 
</html>

我的js代码

'use strict'; 

    var helloApp = angular.module("helloApp", ['ui.bootstrap','ngRoute']). 
    config(['$routeProvider', function ($routeProvider) { 
    $routeProvider 
    .when('/', { 
     controller: 'HelloCtrl', 
     templateUrl: 'views/page.html' 
    }) 
    .when('/page', { 
     controller: 'HelloCtrl', 
     templateUrl: 'views/page.html' 
    }) 
    .when('/page1', { 
     controller: 'HelloCtrl', 
     templateUrl: 'views/page1.html' 
    }) 
    .when('/page2', { 
     controller: 'HelloCtrl', 
     templateUrl: 'views/page2.html' 
    }) 
    .when('/page3', { 
     controller: 'HelloCtrl', 
     templateUrl: 'views/page3.html' 
    }).otherwise({ 
     redirectTo: '/page' 
    }); 
}]);

来源

2016-07-27 Amar Ghodke

您需要添加<div ng-view></div>到HTML文件

ng-view

来源

2016-07-27 10:11:49

下面的href我已经加入，但我可否知道为什么ng-view需要？我刚开始学习。 –

ng-view是一个容器，可以在路由到页面时显示html页面。没有ng-view，你不能做角度路由。您可以使用ui路由器代替angular-router。其中有更多的功能比角度路由器，如嵌套视图，多个视图.. –

我现在在控制台中出现此错误错误：[ng：areq] http://errors.angularjs.org/1.5.8/ng/areq？ p0 = HelloCtrl＆p1 =不是％20a 1.＃QNAN0unction％2C％20got％20未定义 –

哪里是你的

<div ng-view></div>，显示路由的位置。

来源

2016-07-27 09:48:55

对不起，先生，这是不工作... –

尝试这个网站

<!DOCTYPE html> 
<html ng-app="helloApp"> 
<head> 
    <title>HelloWorld</title> 

    <link rel="stylesheet" href="css/bootstrap.min.css"> 

</head> 

<body> 
    <div class="container"> 
    <div class="page-header"> 
    <h1>Hello World Sample Program</h1> 
    </div> 
    <p><a href="#/page">Go to page</a></p> 
    <p><a href="#/page1">Go to page1</a></p> 
    <p><a href="#/page2">Go to page2</a></p> 
    <p><a href="#/page3">Go to page3</a></p> 


    <div> 
    <form class="form-horizontal" role="form"> 
     <div class="form-group"> 
      <label class="col-md-2 control-label">Type Your Name</label> 
      <div class="col-md-4"> 
       <input type="text" ng-model="name" class="form-control"/> 
       <span>Hello {{ name }}</span> 
      </div> 
     </div> 
    </form> 
    <div class="col-md-2" ng-view></div> 
    </div> 
    </div> 
    <script src="js/angular.min.js"></script> 
    <script src="js/ui-bootstrap-tpls-2.0.0.min.js"></script> 
    <script src="js/angular-route.min.js"></script> 
    <script src="js/app.js"></script> 
</body> 
</html>

来源

2016-07-27 10:21:19 ddb

角度js路由不工作，没有任何js错误

回答

相关问题