Javascript ngRoute无法加载$routeProvider定义的视图_Javascript_Angularjs_Ngroute_Angularjs Ng Route

Javascript ngRoute无法加载$routeProvider定义的视图

javascript angularjs

Javascript ngRoute无法加载$routeProvider定义的视图,javascript,angularjs,ngroute,angularjs-ng-route,Javascript,Angularjs,Ngroute,Angularjs Ng Route,我刚刚开始尝试将ngRoute集成到我正在构建的应用程序中，但在使ngRoute正常工作时遇到了困难我创建了一个简单的应用程序来描述我的尝试 index.html: <!DOCTYPE html> <html ng-app="tester"> <head> <meta charset="utf-8" /> <title>ngRoute Test</title> <script>do

我刚刚开始尝试将ngRoute集成到我正在构建的应用程序中，但在使ngRoute正常工作时遇到了困难

我创建了一个简单的应用程序来描述我的尝试

index.html:

<!DOCTYPE html>
<html ng-app="tester">

  <head>
    <meta charset="utf-8" />
    <title>ngRoute Test</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.js"></script>
    <script src="app.js"></script>
  </head>

  <p>Here is a link to switch views:</p>
  <a href="/tests">Test</a>
  <div ng-view></div>

</html>

tests.html

<p>{{ title }}</p>

{{title}

这是一个显示我的尝试的plunkr:。在此问题上的任何帮助都将不胜感激

由于您没有启用Html5模式，因此需要像下面这样创建指向视图的链接：

  <a href="#/tests">Test</a>

检查此按钮：

检查链接

  <a href="#/tests">Test</a>