docs(api/attr): api demo

Related: #739

demos/attr/index.ts

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

demos/attr/main.html

@@ -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>