Question

I have a root page invoking the method1 on event ( change ) (change)="dateChanged1()" for checkbox. 
and on button click navigating to page2 using push method.
In page2, having checkbox with (change)="dateChanged2()". 

Whenever i click on page2 checkbox, it is invoking the page1 method. Can anyone help me on this ?

旧版本的Ionic提供更改事件。如果我使用ionchange，对我来说没什么用。

对于更改事件，Page1 - 按预期工作。但在第2页中，更改事件调用page1方法。

此行为在旧版本中正常运行。但在我升级到最新离子后，这似乎不起作用。有没有解决此问题的解决方法。

**Page1 ::**

 <div class="btn-group col-sm-12 noleftpadding norightpadding margin-top-40-per" style="width:100%" class="custompaddingforsearch" col-12>
                                                 <div class="checkboxgrp col-sm-12 noleftpadding norightpadding" style="width:100%">
                                                   <div  col-2 class="availsun availbox  col-sm-1" style="float: left;" >
                                                       <input type="checkbox" class="availcheck " id="availsun" name="availsun" value="SUNDAY" (change)="dateChanged2()"/>
                                                       <label for="availsun"><p class="availtitle">SUN</p></label>
                                                   </div>
                                                     <div  col-2 class="availmon availbox col-sm-1" style="float: left;" >
                                                         <input type="checkbox" class="availcheck " id="availmon" name="availmon" value="MONDAY" (change)="dateChanged2()">
                                                         <label for="availmon"><p class="availtitle">MON</p></label>
                                                     </div>
    </div>
</div>

**Page 2::**


  <div class="btn-group col-sm-12 noleftpadding norightpadding custommarginprofile" style="width:100%" col-12>
    <div class="checkboxgrp col-sm-12 noleftpadding norightpadding" style="width:100%">
      <div  col-2 class="availsun availbox  col-sm-1" style="float: left;" *ngIf="sunavail != '' ">
        <input type="checkbox" class="availcheck" id="availsun" name="availsun" value="0" (change)="dateChanged1('0')"/>
        <label for="availsun"><p class="availtitle">SUN</p></label>
      </div>
      <div  col-2 class="availmon availbox col-sm-1" style="float: left;"  *ngIf="monavail != '' ">
        <input type="checkbox"  class="availcheck " id="availmon" name="availmon" value="1" (change)="dateChanged1('1')">
        <label for="availmon"><p class="availtitle">MON</p></label>
      </div>
    </div>
</div>



Ionic Info ::


cli packages: (C:\Users\hi\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 1.3.7
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.3.0

System:

    Node : v6.11.4
    npm  : 3.10.10
    OS   : Windows 10

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

Ionic 3 - 子页面（推送页面）调用父页面方法

0 个答案: