Question

我正在开展angularjs项目，我想添加turbolinks以便在我的网站更快上进行导航。当我向项目添加turbolinks时，angularjs无效。

我在Plunker here上做了一个例子。

我有两个页面，index.html和products.html看起来像这样：

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

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
  <script src="app.js"></script>
  <script src="turbolinks.js"></script>
</head>

<body ng-controller="MainCtrl">
  <nav>
    <ul>
      <li>
        <a href="">Home</a>
      </li>
      <li>
        <a href="products.html">Products</a>
      </li>
    </ul>
  </nav>
  <p>Hello {{name}}!</p>
</body>

</html>

和javascript文件：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.products = 'Products';
});

您可以看到添加turbolinks的时间， {{name}} 和 {{products}} 值不会显示。

如何解决此问题？

如何在AngularJS中使用Turbolinks？

0 个答案: