diff --git a/demos/attr/index.ts b/demos/attr/index.ts
new file mode 100644
index 0000000000..faa5950906
--- /dev/null
+++ b/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;
+ }
+
+}
\ No newline at end of file
diff --git a/demos/attr/main.html b/demos/attr/main.html
new file mode 100644
index 0000000000..fed5d560df
--- /dev/null
+++ b/demos/attr/main.html
@@ -0,0 +1,30 @@
+
+
+ attr
+
+
+
+
+
+
+
+
+ [attr.hidden]="isHidden ? '' : null"
+
+
+
+
+
+ isHidden: {{isHidden}}
+
+
+
+
+
+
+
+
+
+
+
+