javascript - AngularJS 1.6 路由不工作

标签 javascript angularjs routing angularjs-1.6

我正在尝试创建我的第一个 Angular 应用程序。但它根本不起作用。我不知道出了什么问题。我检查了控制台,但没有错误。

<head>
 <meta charset="utf-8">
 <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.js"></script>
</head>
<body ng-app="myApp">
  <h1>Test angular</h1>
  <a href="#/">Main</a>
  <a href="#sec">Second</a>
  <a href="#th">Third</a>
  <div ng-view></div>
</body>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
  $routeProvider
  .when("/", {
      templateUrl : "main.html"
  })
  .when("/sec", {
      templateUrl : "sec.html"
  })
  .when("/th", {
      templateUrl : "th.html"
  });
});
</script>

谁能帮帮我?

最佳答案

Angular 1.6 中的路由从 #/myUrl 更改为 #!/myUrl

您应该将您的 ref 更改为:

<a href="#!/">Main</a>
<a href="#!/sec">Second</a>
<a href="#!/th">Third</a>

参见 this answer如果你想删除这个前缀。

关于javascript - AngularJS 1.6 路由不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41185392/

相关文章:

asp.net-mvc - html.routelink 不去指定路由

javascript - 在 Angular 8 中注入(inject)服务的正确方法是什么?

javascript - 如何在不使用 eval 或构造函数的情况下用 JavaScript 编写算术表达式解析器?

javascript - angular.js 从数组中获取特定值

javascript - 循环数组的索引来填充 ng-options 的选择?

php - laravel 中的 API 版本控制 : routing depending on the "Accept" Header

javascript - Firebase 基本 promise 返回

javascript - 如何从动态按钮获取 id? (jQuery)

javascript - 取消 Angular mddialog 后传递的值仍在编辑

asp.net-mvc - odata 和 web api 在同一个 Controller 中