Styling bug


#1

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


#2

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.


#3

Thanks on both questions!