Styling bug


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';

    templateUrl: 'build/pages/home/home.html'
export class HomePage {
    counter: number;

    constructor(private navController: NavController) {
        this.counter = 0;

    incrementCount() {

And here is the home.html file:

            Ionic Blank

        <ion-buttons end>
            <button outline small *ngIf="counter > 1">
                Button showing Bug

            <button outline small (click)="incrementCount()">
                Button 2


<ion-content class="home" padding>
    <button outline small *ngIf="counter > 1">
        Button showing Bug

(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?)



Please make sure you’re updating the CLI and the installed version of the framework. Generating a new page gives me a .ts file with beta 32 of the CLI and ionic-angular: 2.0.0-beta.10

As for the button issue, this is a known issue.


Thanks on both questions!