1

我有以下 HTML+Angular 应用程序外壳，可以完成我需要做的所有事情：

  1. 如果页面加载时 URL 哈希为空，则将其初始化为#/.
  2. 每当 URL 哈希更改时，view变量就会更新。

这很完美：

<!DOCTYPE html>
<html ng-app>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
    <script>
      function Router($scope) {
        if (location.hash === "") location.hash = "#/";
        $scope.view = createView(location);
        window.addEventListener("hashchange", function (event) {
          $scope.view = createView(event.newURL);
          $scope.$apply();
        });
      }
      function createView(url) {
        var parser = document.createElement("a");
        parser.href = url.toString();
        var hash = parser.hash;
        return (hash.replace("#/", "/views/") + "/index.html").replace("//", "/");
      }
    </script>
  </head>
  <body ng-controller="Router">
    Navigation:
    <a href="#/one/">one</a>
    <a href="#/two/">two</a>
    Partial: {{view}}
    <!--<div ng-include="view"></div>-->
  </body>
</html>

然后唯一的问题是，一旦我取消注释div[ng-include]，一切都会停止工作。具体来说，hashchange事件停止触发。我做错了什么还是这是一个错误？任何解决方法？

4

0 回答 0