Fetch data before loading angular app

Fetch data before loading angular app.markdown

Fetch data before loading angular app

A Pen by Stéphane Bisinger on CodePen.

License.

index.jade

div(ng-app="mymodule")

script.livescript

angular.module 'mymodule', [] 
  .run ($http) !->
    $http.get 'https://api.chucknorris.io/jokes/random'
      .then (resp) !->
        angular
          .module 'othermodule'
          .constant 'joke', resp.data.value
      .finally !->
        angular.bootstrap document, ['othermodule']

angular.module 'othermodule', ['mod.service']
  .config (joke, myServiceProvider) !->
    myServiceProvider.setJoke joke
  .run (myService) !->
    myService.hello()

angular.module 'mod.service', []
  .provider 'myService', !->
    var joke
    this.setJoke = (j) !->
      joke := j
    this.$get = !->
      return
        hello: !->
          console.log("Joke of the day:", joke)

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>