javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 03:00:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(api/attr): api demo

Browse Source 
Related: #739
This commit is contained in:
Drew Rygh
2015-12-14 11:00:50 -06:00
parent 520942f697
commit d22b477716
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
demos/attr/index.ts Normal file
View File

@ -0,0 +1,17 @@
import {App} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class DemoApp {
constructor() {
this.isHidden = false;
}
toggle() {
this.isHidden = !this.isHidden;
}
}

30
demos/attr/main.html Normal file
View File

@ -0,0 +1,30 @@
<ion-toolbar>
<ion-title>attr</ion-title>
</ion-toolbar>
<ion-content padding style="text-align:center">
<ion-row>
<ion-col>
<b>[attr.hidden]="isHidden ? '' : null"</b>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<b>isHidden:</b> {{isHidden}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<icon ionic [attr.hidden]="isHidden ? '' : null" style="font-size: 52px; text-align: center;"></icon>
</ion-col>
</ion-row>
<button (click)="toggle()">Toggle Icon</button>
</ion-content>