ionic-stepper icon indicating copy to clipboard operation
ionic-stepper copied to clipboard

Not wokring on Ionic 5.0.2

Open ranafeb14 opened this issue 6 years ago • 8 comments

Its failing on ionic 5.0.2 initially failed with

ionic-angular import changed the import to @ionic/angular.

Now failing with below error

Uncaught Error: Template parse errors:
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("                         [active]="i <= selectedIndex">
          </ion-step-header>
          <div [ERROR ->]*ngIf="!isLast" class="ionic-stepper-horizontal-line"></div>
      </ng-container>
    </div>
"): ng:///IonicStepperModule/IonicStepperComponent.html@11:15
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
                             [active]="i <= selectedIndex">
[ionic-stepper-5.0.2-error.log](https://github.com/hsuanxyz/ionic-stepper/files/3316969/ionic-stepper-5.0.2-error.log)

ranafeb14 avatar Jun 22 '19 15:06 ranafeb14

any luck with this?

Et3rnal avatar Aug 28 '19 04:08 Et3rnal

I have the same issue

astidesai avatar Oct 23 '19 10:10 astidesai

same issue here. Did anyone have success?

pauloXavier89 avatar May 17 '20 01:05 pauloXavier89

Seems like your error is not related to the steeper, instead is a error about the *ngIf directive. Check if you have that component declared in their respective parent module, if yes, then check if '@angular/common' is imported

PabloDSL avatar Jun 30 '20 18:06 PabloDSL

Seems like your error is not related to the steeper, instead is a error about the *ngIf directive. Check if you have that component declared in their respective parent module, if yes, then check if '@angular/common' is imported

Pablo, the error occurs inside the module. It's because in angular 4 the sintax of core imports is "angular/" and in Angular 5 is "@angular/".

pauloXavier89 avatar Jul 03 '20 03:07 pauloXavier89

Seems like your error is not related to the steeper, instead is a error about the *ngIf directive. Check if you have that component declared in their respective parent module, if yes, then check if '@angular/common' is imported

Pablo, the error occurs inside the module. It's because in angular 4 the sintax of core imports is "angular/" and in Angular 5 is "@angular/".

You're right, it's a problem about the new import sintax inside the module itself, my bad. I tried updating the imports by hand but with no success. at the end I just decided to not use it and use ionic slides instead

PabloDSL avatar Jul 08 '20 23:07 PabloDSL

Hello. Here you have support for ionic 5: https://github.com/anreig/ionic-stepper

Thanks

anreig avatar Aug 29 '20 11:08 anreig

not working in angular 9+ the ivy renderer won't load this library any more :( 新的ivy渲染器無法加載這個模塊了,新的angular沒法使用了😯

magiclockers avatar Feb 01 '21 06:02 magiclockers