javascript - Hashbang 在 Angular 应用程序中默认

标签 javascript angularjs routes angular-routing hashbang

最新版本的 Angular/Angular-Route 1.6.1 默认使用 hashbang 吗?就拿这段代码来说,我必须使用#!当链接到部分时,因为 #/或 #/partial2 不起作用。我认为您必须设置一个哈希前缀,但看起来它默认为该行为:

<!DOCTYPE html>
<html ng-app='myApp'>
  <head>
  <title></title>
  <script src="bower_components/angular/angular.min.js"></script>
  <script src="bower_components/angular-route/angular-route.js"</script>

  <script>

    var myApp = angular.module('myApp', ['ngRoute']);
    myApp.config(function ($routeProvider) {
      $routeProvider
        .when('/',{
            templateUrl: 'partials/view1.html',
        })
        .when('/partial2',{
            templateUrl: 'partials/view2.html'
        })
        .otherwise({
          redirectTo: '/'
        });
    });

    myApp.controller('view1Controller', function ($scope) {
      $scope.sports = ['golf', 'basketball', 'hockey', 'tennis',    'football'];
    });
    myApp.controller('view2Controller', function ($scope) {
      $scope.message = 'We are using another controller';
    });
  </script>
</head>

<body>
  <div ng-app='myApp'>
    <a href="#!/">Partial 1</a> | <a href="#!/partial2">Partial 2</a>
    <div ng-view="">
    </div>
</div>
</body>
</html>

最佳答案

从 Angular 1.6.0 开始,#!/成为路由中的默认值。我基本上一直在研究版本,直到 #/工作,即 1.5.11。

关于javascript - Hashbang 在 Angular 应用程序中默认,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41734185/

相关文章:

javascript - AngularJS 范围变量在某处使用 $http 时不起作用

javascript - TypeScript 和 SystemJS : angular ui router module not registered in transpiled js

javascript - 为嵌套对象创建新行

javascript - Object.freeze() 不卡住传递的对象中的对象有什么好处?

javascript - Google map 右侧的 HTML 内容

PHP Slim 框架 - 多种 HTTP 方法

jakarta-ee - "Cannot use a method returning Unit as an Handler"在路由文件中收到此错误 - Play 2.0 Framework

node.js - 在express中的root之后使用可选参数传递路由控制?

javascript - Jquery id 选择器变量无法绑定(bind)到 onchange

javascript - 将文档中的第一个标题标签 (<h2>,<h3>..<h6>) 更改为 <h1>