Question

我想访问tabbar对象＆＃34; appTabbar＆＃34;这是在一个页面内。此页面由ons-navigator＆＃34; appNavigator＆＃34;。

管理

<ons-page>
    <ons-tabbar var="appTabbar" ng-controller="routingCtrl">
       ....
    </ons-tabbar>
</ons-page>

导航器位于index.html

内

<ons-navigator title="Navigator" var="appNavigator" ng-controller="routingCtrl">
       ...
</ons-navigator>

如果我指定＆＃34; routingCtrl＆＃34;作为他们的控制器，应该可以捕捉＆＃34; appTabbar＆＃34;和＃34; appNavigator＆＃34;。

.controller('routingCtrl', function ($scope) {

      ons.ready(function () {

          appNavigator.on('prepop', function (event) {
              console.log("pop");
          });

          appTabbar.on('prechange', function (event) {
              console.log("prechange");
          });
      });
  });

＆＃34; routingCtrl＆＃34;识别appNavigator的事件没有问题，但是在＃34; appTabbar＆＃34;加载ons-page Chrome时会抛出：

未捕获的ReferenceError：未定义appTabbar

如何访问＆＃34; appTabbar＆＃34;，这是在ons.ready之后动态加载的？是否只能访问元素的对象，这些元素存在于beginnung（我已经测试过移动＆＃34; appTabbar＆＃34;到index.html，它有效）？

Backgroundinfo：每次视图更改（包括更改标签）时，我都想检查用户是否已登录。在当前情况下，我只知道＆＃34; appNavigator＆＃34;是否发生了某些事情。

Answer 1

问题解决了。请参阅我的问题以下评论中的详细信息。

onsen tabbar未定义/访问tabbar对象，它位于导航器中

1 个答案: