Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[4.6] No longer possible to bind value to ion-icon's name attribute

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

In 4.5 I could change the ion-icon based on a property set in the component. It is no longer working in 4.6 (4.6.1-dev.201907022006.a656dad)

<ion-button (click)="isPlaying ? onPause() : onPlay()" fill="clear" class="base-btn solid-btn">
	<ion-icon slot="icon-only" [name]="isPlaying ? 'pause' : 'play'"></ion-icon>
</ion-button>

Expected behavior:

Steps to reproduce:

This minimal code example doesn’t show an icon:

<ion-icon [name]="'pause'"></ion-icon>

Source looks like it’s missing the svg element.

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.2.1 (/Users/kim/.npm-global/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.1-dev.201907022006.a656dad
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0
   Cordova Platforms : android 8.0.0, ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 8 other plugins)

Utility:

   cordova-res : 0.5.1
   native-run  : 0.2.7

System:

   Android SDK Tools : 26.1.1 (/Users/kim/Library/Android/sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 8.0.1
   NodeJS            : v10.15.0 (/usr/local/bin/node)
   npm               : 6.9.2
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001

Issue Analytics

State:
Created 4 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

biesbjergcommented, Jul 3, 2019

It’s working in 4.6.0 but not in 4.6.1-dev, and I was missing a Modal to trigger the behavior.

You can check out the code here: https://github.com/biesbjerg/ion-icon-bug

0reactions

ionitron-bot[bot]commented, Aug 9, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.