JSFiddle - React, Tailwind, and code Playground

by apuchkov

HTML

<script src="https://code.angularjs.org/1.2.13/angular.js"></script>
<script src="https://rawgit.com/chrisronline/angular-promise-cache/master/angular-promise-cache.js"></script>

<div ng-controller="myAwesomeCtrl" id="log"></div>

JavaScript

angular.module('myApp',  ['angular-promise-cache'])
   .factory('myAwesomeModel', function($http, promiseCache) {
    return {
      getData: function(id) {
        return promiseCache({
          args: [id],
          promise: function(id) {
            $('#log').append('<p>http call for id: ' + log + '</p>')
            return $http.get('/echo/json/');
          }
        });
      }
    };
  })
  .controller('myAwesomeCtrl', function($scope, myAwesomeModel) {
    myAwesomeModel.getData(1);
    myAwesomeModel.getData(1);
    myAwesomeModel.getData(1);
    myAwesomeModel.getData(2); 
  });