GaramX

Before

import { EmployeeService } from './employee.service';

providers : [EmployeeService],

Now

@Injectable({
  providedIn: 'root',
  })
export class EmployeeService{

Before

<input [(ngMedel)]="name" (ngModelChange)="onChange($event)">
 
 
onChange(value) {
  console.log(value); // would log updated value
}

Now

<input #modelDir="ngModel" [(ngModel)]="name" (ngModelChange)="onChange(modelDir)">
 
onChange(ngModel: NgModel){
  console.log(ngModel.value); // would log old value, not update  value
}

onChange(ngModel: NgModel){
  console.log(ngModel.value); // will log update value
}

Ability to use our Angular components in other environments. Wrap an angular component in a custom elements.

export class AppModul {
  constructor(private injector:Injector){}
  ngDoBootstrap(){
    const AppElement = createCustomElement(AppComponent, {injector: this.injector });
    customElements.define('my-app', AppElement);
  }
}

Next generation rendering engine. Increase the speed and decrease the application size. Out in the near future.