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”，如“使用纯JavaScript的Onsen UI”示例所示，错误消息消失。

锅炉板代码有问题吗？我的环境？ “导航器”是否显着或者可以将其命名为“myNavigator”并继续进行？

Answer 1

FROM在内部使用，只需使用其他名称（例如navigator）调用它，它就可以正常工作而不会抛出错误。

示例：

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

错误：无法设置var =“navigator”，因为它将覆盖只读变量

1 个答案: