ludaooApp

by Enver Dzhaparoff

HTML

<div ng-app="ludaooApp">
  <div ng-controller="GameCtrl as game">
    <rating mark="{{game.rating}}" ng-if="game.$promise.status"></rating>
  </div>
</div>

JavaScript

(function(angular) {
  "use strict";

  angular.module('ludaooApp', [])
    .controller('GameCtrl', ['$timeout', '$q', function($timeout, $q) {
      var game = this;
      var deferred = $q.defer()
      game.$promise = deferred.promise.$$state
      $timeout(function() {
        game.rating = 4.16;
        deferred.resolve();
      }, 3);
    }])
    .directive('rating', function() {
      return {
        restrict: 'EA',
        link: function(scope, element, attrs) {
          scope.mark = scope.$eval(attrs.mark);
          console.log(attrs);
        }
      };
    })
})(window.angular);