docs(oui-action-menu): improve action-menu demo page

Author: Kevin Manson

packages/oui-action-menu/README.md

@@ -7,34 +7,40 @@
 ### Normal
 
 ```html:preview
+<div class="oui-doc-preview-only-keep-children" ng-init="$ctrl.action1 = false; $ctrl.action2 = false; $ctrl.action3 = false">
 <oui-action-menu
   text="Actions"
   aria-label="Server: actions"
   align="start">
   <oui-action-menu-item
     text="Action 1"
     aria-label="Server: action 1"
-    on-click="$ctrl.showCurrentValueInPopup('Action 1')"></oui-action-menu-item>
+    on-click="$ctrl.action1 = true"></oui-action-menu-item>
   <oui-action-menu-item
     text="Action 2"
     aria-label="Server: action 2"
-    on-click="$ctrl.showCurrentValueInPopup('Action 2')"></oui-action-menu-item>
+    on-click="$ctrl.action2 = true"></oui-action-menu-item>
   <oui-action-menu-item
     text="Action 3 (disabled)"
     aria-label="Server: action 3"
-    on-click="$ctrl.showCurrentValueInPopup('Action 3')"
+    on-click="$ctrl.action3 = true"
     disabled></oui-action-menu-item>
   <oui-action-menu-divider></oui-action-menu-divider>
   <oui-action-menu-item
     text="Lien externe"
     href="#"
     external></oui-action-menu-item>
 </oui-action-menu>
+<div>Action 1: {{$ctrl.action1}}</div>
+<div>Action 2: {{$ctrl.action2}}</div>
+<div>Action 3: {{$ctrl.action3}}</div>
+</div>
 ```
 
 ### Compact
 
 ```html:preview
+<div class="oui-doc-preview-only-keep-children" ng-init="$ctrl.action1_1 = false; $ctrl.action2_1 = false; $ctrl.action3_1 = false">
 <div class="oui-action-menu-container">
   <oui-action-menu
     aria-label="Server: actions"
@@ -43,22 +49,26 @@
     <oui-action-menu-item
       text="Action 1"
       aria-label="Server: action 1"
-      on-click="$ctrl.showCurrentValueInPopup('Action 1')"></oui-action-menu-item>
+      on-click="$ctrl.action1_1 = true"></oui-action-menu-item>
     <oui-action-menu-item
       text="Action 2"
       aria-label="Server: action 2"
-      on-click="$ctrl.showCurrentValueInPopup('Action 2')"></oui-action-menu-item>
+      on-click="$ctrl.action2_1 = true"></oui-action-menu-item>
     <oui-action-menu-item
       text="Action 3 (disabled)"
       aria-label="Server: action 3"
-      on-click="$ctrl.showCurrentValueInPopup('Action 3')"
+      on-click="$ctrl.action3_1 = true"
       disabled></oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
     <oui-action-menu-item
       text="Lien externe"
       href="#"
       external></oui-action-menu-item>
   </oui-action-menu>
+  <div>Action 1: {{$ctrl.action1_1}}</div>
+  <div>Action 2: {{$ctrl.action2_1}}</div>
+  <div>Action 3: {{$ctrl.action3_1}}</div>
+</div>
 </div>
 ```
 

packages/oui-action-menu/src/action-menu-item.component.js

@@ -8,6 +8,6 @@ export default {
         ariaLabel: "@?",
         href: "@?",
         external: "<?",
-        onClick: "&?"
+        onClick: "&"
     }
 };