ng-forward ng1 migration (part 1 - alternative)

app.js

import { bundle } from 'ng-forward';
import { ComponentA } from './component-a';

// We can create a bundled module from ComponentA
// You can then reference that module elsewhere for
// non-converted components and services
bundle('app', ComponentA);

component-a.js

import { Component, Inject } from 'ng-forward';

// We'll convert componentA first
// Warning: Because we haven't converted serviceA yet, 
// ComponentA will just have to trust that serviceA will be available
// We can inject serviceA by name using a string, which can reference any ng1 provider
@Component({
  selector: 'component-a'
})
@Inject("serviceA")
export class ComponentA {
  constructor(serviceA) { }
}

component-b.js

(function() {
  angular.module('app')
  .directive('componentB', function() {
    return ['serviceB', function linkFn(serviceA){}]
  });
})()

service-a.js

(function() {
  angular.module('app')
  .service('serviceA', function() {});
})()

service-b.js

(function() {
  angular.module('app')
  .service('serviceB', function() {});
})()