Angular: Create actions for Outputs by default

addons/docs/src/frameworks/angular/__testfixtures__/doc-button/argtypes.snapshot

@@ -180,6 +180,7 @@ Object {
     },
   },
   "onClick": Object {
+    "action": "onClick",
     "defaultValue": undefined,
     "description": "<p>Handler to be called when the button is clicked by a user.</p>
 <p>Will also block the emission of the event if <code>isDisabled</code> is true.</p>

addons/docs/src/frameworks/angular/compodoc.ts

@@ -191,11 +191,13 @@ export const extractArgTypesFromData = (componentData: Class | Directive | Injec
         isMethod(item) || section !== 'inputs'
           ? { name: 'void' }
           : extractType(item as Property, defaultValue);
+      const action = section === 'outputs' ? { action: item.name } : {};
       const argType = {
         name: item.name,
         description: item.description,
         defaultValue,
         type,
+        ...action,
         table: {
           category: section,
           type: {

examples/angular-cli/src/stories/addons/docs/doc-button/doc-button.component.ts

@@ -116,9 +116,10 @@ export class DocButtonComponent<T> {
     return this._inputValue;
   }
 
-  @HostListener('click', ['$event.target'])
-  onClickListener(btn) {
-    console.log('button', btn);
+  @HostListener('click', ['$event'])
+  onClickListener(event) {
+    console.log('button', event.target);
+    this.handleClick(event);
   }
 
   @HostBinding('class.focused') focus = false;