JSFiddle - React, Tailwind, and code Playground

by Gibrain Hernandez

HTML

<div ng-app="myApp" ng-controller="myController">
    <span my-clicky my-click-action="doStuff(bar, foo)"></span>
    <div>NumberA: {{numberA}}</div>
    <div>NumberB: {{numberB}}</div>
    <div>NumberC: {{numberC}}</div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myController', function ($scope) {
$scope.bar = 2;
$scope.foo=3;
    $scope.numberA = 0;
    $scope.numberB = 0;
    $scope.numberC = 0;
    $scope.doStuff = function (numberA, numberB) {
        $scope.numberA = numberA;
        $scope.numberB = numberB;
        $scope.numberC = numberA * numberB;
    };
});
app.directive('myClicky', function () {
    return {
        scope: { myClickAction: '&' },
        template: '<a ng-click="myClickAction()">Click Action</a>'
    };
});