Hi Ionic Team,
Here is a simple recreation, showing how small
style will not be applied to one button at all, and eventually to the other. Using Beta 10.
created with:
ionic start StyleBug blank --v2 --ts
Here is the home.ts file:
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
@Component({
templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
counter: number;
constructor(private navController: NavController) {
this.counter = 0;
}
incrementCount() {
this.counter++;
}
}
And here is the home.html file:
<ion-header>
<ion-navbar>
<ion-title>
Ionic Blank
</ion-title>
<ion-buttons end>
<button outline small *ngIf="counter > 1">
Button showing Bug
</button>
<button outline small (click)="incrementCount()">
Button 2
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content class="home" padding>
<button outline small *ngIf="counter > 1">
Button showing Bug
</button>
</ion-content>
(By the way, we still have to use “–ts” on new projects because if you generate new pages, they’re generated in js. Is this by design?)
Thanks,
Ryan