JSFiddle - React, Tailwind, and code Playground

by hernan giraldo

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body ng-app="App">
    <div ng-controller="myController as vm">
        <button ng-click="vm.getData()">Get data</button>
    </div>

    <script>

        angular.module('App', []);

        (function () {
            angular.module('App').factory('myFactory', myFactory);

            function myFactory($q) {
                var vm = this;

                vm.getData = async function () {
                    var myResp = await vm.getABC();
                    return myResp;
                }

                vm.getABC = function () {
                    return $q(function (resolve, reject) {
                        setTimeout(function () {
                            resolve('data from factory second function')
                        }, 1000);
                    })
                }

                return vm;
            }
        })();

        (function () {
            angular.module('App').controller('myController', myController);

            function myController(myFactory) {
                var vm = this;
                vm.getData = async function () {
                    var myResp = await myFactory.getData();
                    alert(myResp)
                };
            }
        })();

    </script>
</body>

</html>