adding onClick to addons

Author: Kent C. Dodds

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 4.3.0
+
+- Adding `onClick` to addons
+
 # 4.2.0
 
 - Allowing any type to have an addon.

src/run/addons.html

@@ -1,11 +1,17 @@
 <div ng-class="{'input-group': to.addonLeft || to.addonRight}">
-    <div class="input-group-addon" ng-if="to.addonLeft">
+    <div class="input-group-addon"
+         ng-if="to.addonLeft"
+         ng-style="{cursor: to.addonLeft.onClick ? 'pointer' : 'inherit'}"
+         ng-click="to.addonLeft.onClick(options, scope)">
         <i class="{{to.addonLeft.class}}" ng-if="to.addonLeft.class"></i>
         <span ng-if="to.addonLeft.text">{{to.addonLeft.text}}</span>
     </div>
     <formly-transclude></formly-transclude>
-    <div class="input-group-addon" ng-if="to.addonRight">
+    <div class="input-group-addon"
+         ng-if="to.addonRight"
+         ng-style="{cursor: to.addonRight.onClick ? 'pointer' : 'inherit'}"
+         ng-click="to.addonRight.onClick(options, scope)">
         <i class="{{to.addonRight.class}}" ng-if="to.addonRight.class"></i>
         <span ng-if="to.addonRight.text">{{to.addonRight.text}}</span>
     </div>
-</div>
+</div>

src/run/addons.js

@@ -5,7 +5,8 @@ export default ngModule => {
     var addonTemplate = require('./addons.html');
     const addonChecker = formlyBootstrapApiCheck.shape({
       class: formlyBootstrapApiCheck.string.optional,
-      text: formlyBootstrapApiCheck.string.optional
+      text: formlyBootstrapApiCheck.string.optional,
+      onClick: formlyBootstrapApiCheck.func.optional
     }).strict.optional;
     const api = formlyBootstrapApiCheck.shape({
       templateOptions: formlyBootstrapApiCheck.shape({