Activator: activated

ionic/components/app/test/tap/index.ts

@@ -4,7 +4,13 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EApp {
+
+  tapTest(eleType) {
+    console.debug('test click', eleType);
+  }
+
+}
 
 
 function onEvent(ev) {
@@ -74,6 +80,8 @@ console.debug = function() {
 
   if(arguments[0] === 'click') msg = '<span style="color:purple">' + msg + '</span>';
 
+  if(arguments[0] === 'test click') msg = '<span style="color:orange">' + msg + '</span>';
+
   msgs.unshift( msg );
 
   if(msgs.length > 25) {

ionic/components/app/test/tap/main.html

@@ -1,6 +1,41 @@
 
-<button>
-  <div><div><p>TAP ME</p></div></div>
-</button>
+<ion-row>
+
+  <ion-col>
+    <button (^click)="tapTest('button')" block>
+      <div><div><p>Button</p></div></div>
+    </button>
+  </ion-col>
+
+  <ion-col>
+    <a button (^click)="tapTest('link')" block>
+      Link
+    </a>
+  </ion-col>
+
+</ion-row>
+
+<ion-row>
+
+  <ion-col>
+    <div button (^click)="tapTest('div')" block>
+      Div w/ (click)
+    </div>
+  </ion-col>
+
+  <ion-col>
+    <div button block>
+      Div w/out (click)
+    </div>
+  </ion-col>
+
+</ion-row>
+
 
 <div id="logs"></div>
+
+<style>
+  .activated {
+    background-color: yellow !important;
+  }
+</style>