Javascript 简单AngularJS程序在浏览器中为空_Javascript_Angularjs_Angularjs Routing

Javascript 简单AngularJS程序在浏览器中为空

javascript angularjs

Javascript 简单AngularJS程序在浏览器中为空,javascript,angularjs,angularjs-routing,Javascript,Angularjs,Angularjs Routing,我正在为我正在构建的应用程序学习一些角度在阅读了一些教程之后，我有了一个基本的程序，它有两个视图和一些在它们之间翻转的路由。我现在在浏览器中运行它，结果显示为空白。没有控制台错误，我发誓自从上次让它工作以来我就没有碰过它这是我的主要文件： <!DOCTYPE html> <html lang="en"> <head> <title>AngularJS Routing example</title> <s

我正在为我正在构建的应用程序学习一些角度

在阅读了一些教程之后，我有了一个基本的程序，它有两个视图和一些在它们之间翻转的路由。我现在在浏览器中运行它，结果显示为空白。没有控制台错误，我发誓自从上次让它工作以来我就没有碰过它

这是我的主要文件：

<!DOCTYPE html>
<html lang="en">
  <head>

    <title>AngularJS Routing example</title>

    <style>
      body
        {
        font-family: arial;
        padding: 20px;
        }
    </style>

  </head>

  <body ng-app = "journal_program">

    <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src = "app.js"></script>

    <div ng-view>
    </div>

  </body>
</html>

第一种观点：

<h2>Add New Order</h2>

<a href = "#ShowOrders">Show Order</a>

此链接非常有用：

2）显然除非控制器中有“when（'/'）路由，否则在ng视图的html中放置的任何内容都不会被呈现

otherwise ( { templateUrl: 'templates/add_order.html' });
3） Angular在硬盘上运行时工作不太好无论出于何种原因，您必须先将其上传到服务器
添加这些步骤后，我的演示又开始工作了。现在回想起来，我不知道在没有这些知识的情况下，我是如何第一次让它工作的。
它工作得很好
看看这个演示

<div ng-view> </div> <h2>Show Orders</h2> <a href="#ShowOrders">Show Order</a> <h2>Add New Order</h2> <a href="#AddNewOrder">Add Order</a> <br>

发号施令添加新订单
您在控制台中看到任何错误吗？@噩梦请看我的回答。它在您的版本中确实有效，但我看到您的结构有点不同。查看链接表明，如果主文件中包含指向某个模板的初始链接（位于视图之外），则该链接可以正常工作。然后用户可以在点击后来回翻转。问题的根源似乎是，它没有加载任何一个模板作为默认起点，而只是将视图留空，因此我需要研究如何解决这个问题。谢谢你的帮助！
otherwise ( { templateUrl: 'templates/add_order.html' });

<div ng-view> </div> <h2>Show Orders</h2> <a href="#ShowOrders">Show Order</a> <h2>Add New Order</h2> <a href="#AddNewOrder">Add Order</a> <br>