ng-forward ng1 migration (part 2)

app.js

import { componentAModule } from './component-a';

angular.module('app', [componentAModule]);

component-a.js

import { Component, Inject, bundle } 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',
  providers: [ServiceA]
})
@Inject(ServiceA)
export class ComponentA {
  constructor(serviceA) { }
}

export default bundle('componentAModule', ComponentA).name;

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() {});
})()