fix(icon): isActive="false" with ios mode

fixes #8435
This commit is contained in:
Manu Mtz.-Almeida
2016-10-10 15:42:49 +02:00
committed by Adam Bradley
parent da62b63253
commit bcbe03c480
3 changed files with 80 additions and 34 deletions

View File

@@ -12,19 +12,12 @@
<ion-list>
<ion-item>
<ion-icon name="home" item-left [color]="dynamicColor"></ion-icon>
<ion-icon name="home" [color]="dynamicColor" item-left></ion-icon>
<code>
name="home"
</code>
</ion-item>
<ion-item>
<ion-icon [name]="homeIcon" item-left></ion-icon>
<code>
[name]="homeIcon"
</code>
</ion-item>
<ion-item>
<ion-icon name="home" isActive="true" item-left></ion-icon>
<code>
@@ -33,9 +26,23 @@
</ion-item>
<ion-item>
<ion-icon name="home" [isActive]="isActive" item-left></ion-icon>
<ion-icon [name]="homeIcon" [isActive]="isActive" item-left></ion-icon>
<code>
name="home" [isActive]="isActive"
[name]="homeIcon" [isActive]="isActive" (false)
</code>
</ion-item>
<ion-item>
<ion-icon name="md-home" isActive="false" item-left></ion-icon>
<code>
name="md-home" isActive="false"
</code>
</ion-item>
<ion-item>
<ion-icon name="ios-home" isActive="false" item-left></ion-icon>
<code>
name="ios-home" isActive="false"
</code>
</ion-item>
@@ -53,6 +60,13 @@
</code>
</ion-item>
<ion-item>
<ion-icon name="ios-home-outline" isActive="false" item-left></ion-icon>
<code>
name="ios-home-outline" isActive="false"
</code>
</ion-item>
<ion-item>
<ion-icon name="md-home" color="primary" item-left></ion-icon>
<code>
@@ -74,12 +88,34 @@
</code>
</ion-item>
<ion-item>
<ion-icon ios="md-color-filter" md="ios-color-filter" item-left></ion-icon>
<code>
ios="md-color-filter" md="ios-color-filter"
</code>
</ion-item>
<ion-item>
<ion-icon ios="md-color-filter" md="ios-color-filter" isActive="false" item-left></ion-icon>
<code>
ios="md-color-filter" md="ios-color-filter" isActive="false"
</code>
</ion-item>
<ion-item>
<ion-icon item-left></ion-icon>
<code>
name="null"
</code>
</ion-item>
<ion-item detail-push>
<code>
ion-item w/ [detail-push] attr. text text text text text text
</code>
</ion-item>
</ion-list>
<p>