Error: Cannot set var="navigator" because it will overwrite a read-only variable

Question

我正在开始 OnsenUI 的教程 (https://onsen.io/guide/overview.html)，但我无法运行样板代码示例。

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
    <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
    <script src="lib/onsen/js/angular/angular.js"></script>
    <script src="lib/onsen/js/onsenui.js"></script>
    <script>
      var module = ons.bootstrap('my-app', ['onsen']);
      module.controller('AppController', function($scope) { });
      module.controller('PageController', function($scope) {
        ons.ready(function() {
          // Init code here
        });
      });
    </script>
  </head>
  <body ng-controller="AppController">
    <ons-navigator var="navigator">
      <ons-page ng-controller="PageController">
        <!-- Page content -->
      </ons-page>
    </ons-navigator>
  </body>
</html>

我将 js 和 css 文件放在正确的目录中，但在 Google 调试控制台中收到一个错误：错误：无法设置 var="navigator" 因为它会覆盖只读变量。 angular.js:12783

我已将导航器更改为 'myNavigator'，如 'Onsen UI with plain JavaScript' 示例所示，错误消息消失了。

样板代码有问题吗？我的环境？ 'navigator' 重要还是可以将其命名为 'myNavigator' 并继续？

Answer 1

navigator是内部使用的，换个名字就可以了，比如myNavigator，不会报错。

示例：

http://codepen.io/andipavllo/pen/reYZEG

Error: Cannot set var="navigator" because it will overwrite a read-only variable

Error: Cannot set var="navigator" because it will overwrite a read-only variable

angularjs

onsen-ui