ronapelbaum

<script src="app.js"></script>
<script src="OtherService.js"></script>
<script src="MyService.js"></script>

ronapelbaum

angular.module('app').service('MyService', ['OtherService', function(OtherService){
    this.foo = function(){
        OtherService.goo();
    }
}]);

ronapelbaum

(function () {
    function MyService(OtherService) {
        this.foo = function () {
            OtherService.goo();
        }
    }
    MyService.$inject = ['OtherService'];

    angular.module('app').service('MyService', MyService);
})();

ronapelbaum

function MyService(OtherService) {
  this.foo = function () {
    OtherService.goo();
  }
}
MyService.$inject = ['OtherService'];

angular.module('app').service('MyService', MyService);

ronapelbaum

angular.module('app',[])
  .directive('dir1',function(){
    return {
      template: '<div id="myId">Hello World!</div>',
      link: function(scope, element){
        element.find('#myId').css('color','green');
      }
    };
  });

ronapelbaum

angular.module('app',[])
  .directive('dir1',function(){
    return {
      template: '<div id="myId">Hello World!</div>',
      link: function(scope, element){
        $('#myId').css('color','green');
      }
    };
  });

ronapelbaum

describe('greet directive spec', function() {
    var element;
    beforeEach(module('utils'));

    beforeEach(inject(function($compile, $rootScope) {
        element = angular.element('<hover></hover>');
        $compile(element)($rootScope.$new());
    }));

    it('should call console log on mouseover', function() {

ronapelbaum

function dispatchEvent(el, eventType) {
    var event = document.createEvent('MouseEvents');
    event.initEvent(eventType, true, true);
    el.dispatchEvent(event)
}

ronapelbaum

angular.module('utils', []).directive('hover', function() {
    return {
        restrict: 'E',
        template: '<div ng-mouseover="ctrl.over()">HOVER</div>',
        controllerAs: 'ctrl',
        controller: function() {
            this.over = function() {
                console.log('over');
            };
        }

ronapelbaum

angular.module("app", [])
     .service('A', function(DataService) {
         this.foo = function() {
             console.log('A.foo:', DataService.data1, DataService.data2);
         }
     })
     .service('B', function(DataService) {
         this.foo = function() {
             console.log('B.foo:', DataService.data1, DataService.data2);
         }