在离子改变路线导致＆QUOT;类型错误：无法读取的空＆QUOT财产“scrollTo'; [英] in ionic changing route causes "TypeError: Cannot read property 'scrollTo' of null"

问题描述

在下面，当我点击搜索图标，在控制台下面弹出

 类型错误：无法读取属性scrollTo空的
在http：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：39909：17
在wrappedCallback（HTTP：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：19197：81）
在http：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：19283：26
。在$范围的eval（HTTP：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：20326：28）
在范围$摘要。（HTTP：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：20138：31）
在适用范围$适用。（HTTP：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：20430：24）
在http：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：21938：36
在completeOutstandingRequest（HTTP：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：12022：10）
在http：//本地主机：8100 / lib目录/离子/ JS / ionic.bundle.js：12330：7
 

我在体以下标签

 ＆LT;离子头吧级=标志杆＆GT;
    ＆LT;按钮类=按钮按钮清晰＆GT;
        ＆LT;一个UI的SREF =root.home＆GT;＆LT; IMG类=拉左SRC =IMG / X.png＆GT;＆LT; / A＆GT;
    ＆LT; /按钮＆GT;
    ＆LT; H1类=标题＆GT;
        ＆LT;一个UI的SREF =root.search级=图标离子搜索导航清晰＆GT;＆LT; / A＆GT;
    ＆LT; / H1＆GT;
＆LT; /离子头吧＆GT;＆LT;离子导航视图名称=rootContent级=主体动画=滑 - 左 - 右＆GT;
＆LT; /离子NAV-视图＆gt;
 

我的首页 rootContent 内容如下：

 ＆LT;离子侧菜单＆GT;
    ＆LT;离子侧面菜单内容＆GT;
        ＆LT;离子导航栏类=应用程序菜单栏，稳定的动画=NAV-标题幻灯片ios7称号=＆GT;
        ＆LT; /离子导航栏＆GT;
        ＆LT;离子视图名称=日程地址搜索Maincontent＆GT;
            ＆LT;离子含量＆GT;
                这个标记符单击搜索按钮。除去离子含量，也将努力确定
            ＆LT; /离子含量＆GT;
        ＆LT; /离子视图＆gt;
    ＆LT; /离子侧面菜单内容＆GT;
＆LT; /离子侧菜单＆GT;
 

如果我是删除离子含量标记在上面，错误消失。我想知道有什么不妥之处，如何解决它。

- 修改

在下面的搜索点击塞在 rootContent ，过渡到这是它打破了：

 ＆LT;离子视图＆gt;
  ＆LT; D​​IV CLASS =名单列表的插图＆GT;
    ＆LT;标签类=逐项输入＆GT;
        ＆LT; I类=图标离子搜索占位符图标＆GT;＆LT; / I＆GT;
        ＆LT;输入类型=文本占位符=搜索NG-模式=搜索关键词NG变化=doSearch（SEARCHTERM）＆GT;
    ＆LT; /标签＆gt;
  ＆LT; / DIV＆GT;
 ＆LT; /离子视图＆gt;
 

解决方案

这是一个错误离子测试12。

其固定在nighly版本（测试版离子13）

下载每夜构建

每晚构建changlog

了解更多关于该bug

In the following, when I click on "search icon", the following pops up in console

TypeError: Cannot read property 'scrollTo' of null
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:39909:17
at wrappedCallback (http://localhost:8100/lib/ionic/js/ionic.bundle.js:19197:81)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:19283:26
at Scope.$eval (http://localhost:8100/lib/ionic/js/ionic.bundle.js:20326:28)
at Scope.$digest (http://localhost:8100/lib/ionic/js/ionic.bundle.js:20138:31)
at Scope.$apply (http://localhost:8100/lib/ionic/js/ionic.bundle.js:20430:24)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:21938:36
at completeOutstandingRequest (http://localhost:8100/lib/ionic/js/ionic.bundle.js:12022:10)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:12330:7

I have the following in body tag

<ion-header-bar class="logo-bar">
    <button class="button button-clear">
        <a ui-sref="root.home"><img class="pull-left" src="img/X.png"></a>
    </button>
    <h1 class="title">
        <a ui-sref="root.search" class="icon ion-search" nav-clear></a>
    </h1>
</ion-header-bar>

<ion-nav-view name="rootContent" class="main-body" animation="slide-left-right">
</ion-nav-view>

My home page rootContent content is as follows:

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="app-menu bar-stable" animation="nav-title-slide-ios7" title="">
        </ion-nav-bar>
        <ion-view name="mainContent">
            <ion-content>
                This tag breaks click on SEARCH. Remove ion-content and it will work OK
            </ion-content>
        </ion-view>
    </ion-side-menu-content>
</ion-side-menus>

If I were to remove ion-content tag in the above, the error disappears. I am wondering what's wrong with it and how to fix it.

--edit

The search click plugs in the below in rootContent, transitioning to this is where it breaks:

<ion-view>
  <div class="list list-inset">
    <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="Search" ng-model="searchTerm" ng-change="doSearch(searchTerm)">
    </label>
  </div>
 </ion-view>

解决方案

This is a bug in Ionic beta 12.

Its fixed in the nighly build (ionic beta 13)

Download Nightly Build

Nightly build changlog

Read more about the bug

这篇关于在离子改变路线导致＆QUOT;类型错误：无法读取的空＆QUOT财产“scrollTo';的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！