JSFiddle - React, Tailwind, and code Playground

by dream apple

HTML

<div ng-app="MyApp">
    <div ng-controller="MyController" >
        {{vm.data}}
    </div>
</div>

JavaScript

(function(){
    angular.module("MyApp", [])
    .service("MyService", MyService)
    .controller("MyController", MyController)
    
    MyService.$inject = ['$http'];
    MyController.$inject = ['MyService'];
    
    function MyService($http){
        var service = {
            getData: getData
        }
        return service;
        
        function getData(url){
            return $http.get(url)
            .then(function(res){
                return res;
            })
        }
    }
    
    function MyController(MyService){
        var vm = this;
        vm.getData = getData;
        vm.url = "";
        
        vm.getData();
        
        function getData(){
            return MyService.getData(vm.url)
            .then(function(res){
                vm.data = res;
            })
        }
    }
    
})()