JSFiddle - React, Tailwind, and code Playground

by HoffZ

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div ng-app="app">
  <div ng-controller="TestingCtrl as vm">
    <img ng-src="{{vm.imgUrl}}" alt="Loading...">
  </div>
</div>

JavaScript

angular.module('app', [])

.controller('TestingCtrl', ['$timeout', function TestingCtrl($timeout) {
  var vm = this;
  vm.imgUrl = '';

  var imgUrl = fakeServerCallFail();
  if (angular.isString(imgUrl)) {
    vm.imgUrl = imgUrl;
  } else {
    console.log('URL ikke klar. Prøver igjen om 3 sek')
    $timeout(function() {
      fakeServerCallOk();
    }, 3000);
  }

  function fakeServerCallFail() {
    console.log('Ber server om å bilde URL')
    return {
      ReturKode: '401'
    };
  }

  function fakeServerCallOk() {
    vm.imgUrl = 'http://tinyurl.com/gurgwn5';
    console.log('Pekebildet er klart!')
  }

}])