Javascript 基本UI路由示例，但出现错误_Javascript_Angularjs

Javascript 基本UI路由示例，但出现错误

javascript angularjs

Javascript 基本UI路由示例，但出现错误,javascript,angularjs,Javascript,Angularjs,我试着学习AngularJS。目前我主要关注ui路由。我的代码很简单，但不起作用，我不知道为什么我的问题描述：浏览器显示： “Hello World ui路由！”（index.html中的h1）如果我尝试输入index.html/home。它说：找不到错误文件这是我的密码： index.html <html> <head> <title>My Angular App!</title> <scr

我试着学习AngularJS。目前我主要关注ui路由。我的代码很简单，但不起作用，我不知道为什么

我的问题描述：

浏览器显示： “Hello World ui路由！”（index.html中的h1）

如果我尝试输入index.html/home。它说：找不到错误文件

这是我的密码：

index.html

<html>
  <head>
        <title>My Angular App!</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
        <script src="app.js"></script>
  </head>
  <body ng-app="Test" ng-controller="MainCtrl">
    <h1>Hello World ui-Routing!</h1>
        <div ui-view>
        </div>
  </body>
</html>

test.html：

<h2>Hello Test! </h2>

你好，测试！

home.html：

<h2>Hello Home! </h2>

家里好！

我的问题在哪里

期待您的回答，

Jan

您也需要在html页面中包含ui路由器脚本。它是第三方，不包含在angular中。

如何管理静态文件？所有文件都在同一文件夹中。可能您必须安装服务器。例如：npm安装静态服务器；静态服务器您是从Web服务器运行文件，还是直接从硬盘驱动器运行文件？如果是后者，这是您的问题，您将需要一个Web服务器，因为chrome在从光盘加载文件时有限制。通过遵循本指南，您可以绕过这些限制。谢谢您的答案是解决方案。

<h2>Hello Home! </h2>