Javascript AngularJS无法加载ng view inti index.html_Javascript_Angularjs_Node.js_Express

Javascript AngularJS无法加载ng view inti index.html

javascript angularjs node.js express

Javascript AngularJS无法加载ng view inti index.html,javascript,angularjs,node.js,express,Javascript,Angularjs,Node.js,Express,我正在尝试使用AngularJS设置一个单页应用程序。我将Node与Express一起使用，我将一个apache服务器用作中间件（如果有必要的话）。 My index.html页面加载良好，但ng视图中未加载任何视图这是我的密码 <!DOCTYPE html> <html> <head> <link rel="icon" type="image/png" href="public/img/favicon-32x32.png" sizes="3

我正在尝试使用AngularJS设置一个单页应用程序。我将Node与Express一起使用，我将一个apache服务器用作中间件（如果有必要的话）。 My index.html页面加载良好，但ng视图中未加载任何视图

这是我的密码

<!DOCTYPE html>
<html>
<head>
    <link rel="icon" type="image/png" href="public/img/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="public/img/favicon-16x16.png" sizes="16x16">

    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/3.3.7/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="public/css/style.css">
    <link rel="stylesheet" type="text/css" href="public/css/font-awesome-4.7.0/css/font-awesome.min.css">

    <script type="text/javascript" src="vendor/angularjs/1.4.7/js/angular.min.js"></script>
    <script type="text/javascript" src="vendor/angularjs/1.4.7/js/angular-base64.min.js"></script>
    <script type="text/javascript" src="vendor/angularjs/1.4.7/js/angular-sanitize.js"></script>
    <script type="text/javascript" src="vendor/lodash.js/4.16.4/js/lodash.min.js"></script>
    <script type="text/javascript" src="vendor/jquery/1.11.3/js/jquery.min.js"></script>
    <script type="text/javascript" src="vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="node_modules/angular-route/angular-route.min.js"></script>

    <script>
      var myApp = angular.module('lispCDpoc', ['ngRoute']);

      myApp.config(function($routeProvider, $locationProvider) {
        console.log('oui');
        $locationProvider.hashPrefix('');
        $routeProvider.
          when('/', {
            templateUrl: 'pages/test.html',
            controller: 'testController'
          }).
          otherwise({
            redirectTo: '/'
          });
      });

      myApp.controller('testController', function($scope) {
        $scope.message = 'Message for my test page';
      });
    </script>

    <meta charset="utf-8">
    <title>LISP Monitoring POC</title>
  </head>

  <body>
    <div>
      <nav class="navbar navbar-default navbar-custom">
        <div class="navbar-header">
          <a class="navbar-brand" href="#"><img                        src="public/img/sg_logo_small.png" class="sg-logo"></a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#dashboard">Dashboard</a></li>
          <li><a href="#releasenote">Release Note</a></li>
        </ul>
        <div>
            <img class="logo-lisp" src="public/img/lisp2.png">
        </div>
      </nav>
      <div ng-view></div>
    </div>
  </body>
  </html>


var myApp=angular.module（'lispCDpoc'，['ngRoute']）；
myApp.config（函数（$routeProvider，$locationProvider）{
console.log（'oui'）；
$locationProvider.hashPrefix（“”）；
$routeProvider。
当（“/”{
templateUrl:'pages/test.html'，
控制器：“testController”
}).
否则({
重定向到：'/'
});
});
myApp.controller（'testController'，函数（$scope）{
$scope.message='messageformytestpage'；
});
LISP监控POC

我找不到加载index.html页面的原因，但它没有插入test.html代码

<div>
    <h1>Test Page</h1>
    <p>{{message}}</p>
</div>


测试页
{{message}}

别忘了在主模板中声明应用程序模块

  <body ng-app="lispCDpoc">
    <div>
      <nav class="navbar navbar-default navbar-custom">
        <div class="navbar-header">
          <a class="navbar-brand" href="#"><img                        src="public/img/sg_logo_small.png" class="sg-logo"></a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#dashboard">Dashboard</a></li>
          <li><a href="#releasenote">Release Note</a></li>
        </ul>
        <div>
            <img class="logo-lisp" src="public/img/lisp2.png">
        </div>
      </nav>
      <div ng-view></div>
    </div>
  </body>

这里有一个有效的提示：

不要忘记在主模板中声明应用程序模块

  <body ng-app="lispCDpoc">
    <div>
      <nav class="navbar navbar-default navbar-custom">
        <div class="navbar-header">
          <a class="navbar-brand" href="#"><img                        src="public/img/sg_logo_small.png" class="sg-logo"></a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#dashboard">Dashboard</a></li>
          <li><a href="#releasenote">Release Note</a></li>
        </ul>
        <div>
            <img class="logo-lisp" src="public/img/lisp2.png">
        </div>
      </nav>
      <div ng-view></div>
    </div>
  </body>

这是一个有效的提示：

谢谢，现在似乎好多了，因为我看到网页结构发生了变化：在我使用“现在”之前，我已经有了，但仍然没有test.html页面中的代码。。。它确实在“页面”文件夹中。对不起，我不确定是否有undertsood youOk np！让我给你几分钟时间让你工作example@capitaineballs用Plunkr链接编辑了我的答案：）好的，我会在家里看一看（马上离开：），因为它在工作中是无法访问的。在我这边做了一些测试之后，Angular实际上是在重新安排我的路线。例如，当我将“否则”语句更改为“redirectTo:'/ok”时，只要我在最新的/“。因此，它无法访问.html或类似的内容，我猜谢谢，现在似乎更好了，因为我看到网页结构发生了变化：在我拥有“现在”之前，我拥有了test.html页面中的代码，但仍然没有这些代码。。。它确实在“页面”文件夹中。对不起，我不确定是否有undertsood youOk np！让我给你几分钟时间让你工作example@capitaineballs用Plunkr链接编辑了我的答案：）好的，我会在家里看一看（马上离开：），因为它在工作中是无法访问的。在我这边做了一些测试之后，Angular实际上是在重新安排我的路线。例如，当我将“否则”语句更改为“redirectTo:'/ok”时，如果我在最新的“/”之后键入内容，则会将我重新路由到mywebsite/#/ok”。因此，我猜它无法访问.html或类似的内容