Upgrading services (angularjs > angular):

app.module.ts

import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { downgradeInjectable, UpgradeModule } from '@angular/upgrade/static';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CheckmarkPipe } from './checkmark/checkmark.pipe';
import { PhoneDetailContainerComponent } from './phone-detail/phone-detail-container.component';
import { PhoneDetailDirective } from './phone-detail/phone-detail.directive';
import { PhoneListContainerComponent } from './phone-list/phone-list-container.component';
import { PhoneListDirective } from './phone-list/phone-list.directive';
import { PhoneService } from './phone/phone.service';
import { TemplateResolver } from './resolvers/template-resolver';
import { TemplateService } from './resolvers/template.service';

declare var angular: angular.IAngularStatic;

@NgModule({
  declarations: [
    AppComponent,
    CheckmarkPipe,
    PhoneListContainerComponent,
    PhoneDetailContainerComponent,
    PhoneListDirective,
    PhoneDetailDirective
  ],
  imports: [BrowserModule, AppRoutingModule, UpgradeModule, HttpClientModule],
  bootstrap: [AppComponent],
  providers: [
    PhoneService,
    { provide: '$scope', useExisting: '$rootScope' },
    {
      provide: '$templateCache',
      useFactory: ($injector: any) => $injector.get('$templateCache'),
      deps: ['$injector']
    },
    TemplateResolver,
    TemplateService
  ]
})
export class AppModule {}

angular
  .module('core.phone')
  .factory('Phone', downgradeInjectable(PhoneService));