Question

我第一次导航到嵌套路线时，我得到了这个例外，＆＃34; TypeError：无法读取属性＆＃39; controller＆＃39;未定义＆＃34;

这导致我的应用无法正常工作。但是，如果我四处走动，它就会开始完美运作。

下图显示了变量的值，抛出的代码行有一个未定义的控制器导致问题。此代码是Ionic Framework的一部分。

点击图片查看完整尺寸

这是我唯一定义唯一模块的JavaScript文件。

angular.module("sa", ["ionic"])
    .run(function($ionicPlatform) {
        $ionicPlatform.ready(function () {
            // hide the accessory bar by default (remove this to show the accessory bar above the keyboard
            // for form inputs)
            if (window.cordova && window.cordova.plugins.Keyboard) {
                window.cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            }
            if (window.StatusBar) {
                // org.apache.cordova.statusbar required
                window.StatusBar.styleDefault();
            }
        });
    })

.config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("login", {
                url: "/login",
                templateUrl: "app/manager/login.html"
            })

            .state("manager", {
                abstract: true,
                url: "/manager",
                templateUrl: "app/manager/menu.html"
            })
            .state("manager.jobs", {
                url: "/jobs",
                views: {
                    "managerContent": {
                        templateUrl: "app/manager/requested-jobs.html"
                    }
                }
            })
            .state("manager.detail", {
                url: "/detail",
                views: {
                    "managerContent": {
                        templateUrl: "app/manager/requested-job-detail.html"
                    }
                }
            });

        $urlRouterProvider.otherwise("/login");
});

这是正确加载的login.html。它还允许点击按钮并导航。

<ion-view view-title="Login" >

  <ion-nav-bar class="bar-light"></ion-nav-bar>

  <ion-content class="has-header" >
    <ion-list>
      <ion-item href="#/manager/jobs">
        Manager
      </ion-item>
    </ion-list>
  </ion-content>

</ion-view>

这是侧面菜单文件。

<ion-side-menus enable-menu-with-back-views="false">

  <ion-side-menu-content>
    <ion-nav-bar class="bar-light">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left"> 
        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
      </ion-nav-buttons>

      <ion-nav-view name="managerContent"></ion-nav-view>

    </ion-nav-bar>
  </ion-side-menu-content>

  <ion-side-menu side="left">

    <ion-header-bar class="bar-assertive">
      <span class="title">Cluber</span>
    </ion-header-bar>

    <ion-content>
      <ion-list>
        <ion-item class="item-icon-right" menu-close ui-sref="login">
          <i class="icon ion-ios-arrow-right icon-accessory"></i>Logout
        </ion-item>
      </ion-list>
    </ion-content>

  </ion-side-menu>

</ion-side-menus>

这是导航到目录时加载到菜单内容中的文件。

<ion-view view-title="Dashboard">
  <ion-content has-bouncing has-header="true">
    <ion-list>
      <ion-item class="item-border item-icon-right" ui-sref="manager.detail">
        Clean Apartment
        <i class="icon ion-ios-arrow-right icon-accessory"></i>
      </ion-item>
      <ion-item class="item-border item-icon-right" ui-sref="manager.detail">
        Repair Side Walk 
        <i class="icon ion-ios-arrow-right icon-accessory"></i>
      </ion-item>

    </ion-list>
  </ion-content>
</ion-view>

这是我总是重现JavaScript异常的最简单的例子。同样，这只发生在第一次＆＃34; manager.jobs＆＃34;导航到。

Answer 1

问题在于menu.html文件中的以下HTML行。我把它嵌套在if sffem >= 100 then sffem = 100 end if sffem <= -100 then sffem = -100 end里面，而不是<ion-nav-bar>的直接后代。

＆＃13;

<ion-side-menu-content>

＆＃13;

Answer 2

self.isInitialized实际上是false，会将enteringHeaderBar设置为null（突出显示的位置上方两行）。

您在功能结束时将self.isInitialized设置为true。这就是它第一次失败的原因，但随后有效（在下次更新中它是真的，enteringHeaderBar将设置为getOffscreenHeaderBar()。

TypeError：无法读取属性＆＃39; controller＆＃39;未定义的

2 个答案: