ng-forward ng1 migration (part 2 - 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';
import { ServiceA } from './service-a';

// We converted this file in part 1
// Now we have converted serviceA so we can use properly by
// adding it to our providers array (which ensures it is bundled with this component)
// We can also now reference it by object instead of string in the @Inject call
@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

import { Injectable } from 'ng-forward';

@Injectable()
export class ServiceA{ }

service-b.js

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