JSFiddle - React, Tailwind, and code Playground

by jhoguet

HTML

<h1>Showing Runtime configuration of Provider </h1>
<div ng-app="ServiceTestApp">
    <ul ng-controller="ServiceTestController">
        <li>{{simpleService.result}}</li>
    </ul>
</div>

JavaScript

var app = angular.module('ServiceTestApp', [])
.controller('ServiceTestController', ['$scope', 'simpleService',function ($scope, simpleService) {
    $scope.simpleService = simpleService;
}]);

app.provider('simpleService',function(){
    var simpleServiceProvider = this;
    simpleServiceProvider.result = 'from simpleService';
        
    simpleServiceProvider.$get = function($http){
        console.log($http)
        return {
            result : simpleServiceProvider.result
        };
    };
});

app.config(['simpleServiceProvider', function(simpleServiceProvider){
   simpleServiceProvider.result = 'set in config'; 
}])