How to hide n show div

import {Component} from 'angular2/core';
@Component({
    selector: 'my-app',
    template: `<div><h1>Hello world</h1>
<button (click)="clicked()"> Click Me</button>
<div ng-if="show">
<h2>Hello Brother</h2>
</div></div>`
})
export class BaseComponent {

    show: boolean = false;
    clicked() {

        //alert("test");

        this.show = !this.show;
        //alert("test");
    }

}