===== Angular 6 =====
=== Registering providers ===
Before
<code javascript>
import { EmployeeService } from './employee.service';
</code>
<code javascript>
providers : [EmployeeService],
</code>


Now
<code javascript>
@Injectable({
  providedIn: 'root',
  })
export class EmployeeService{
</code>

=== ngModelChange ===
Before
<code javascript>
<input [(ngMedel)]="name" (ngModelChange)="onChange($event)">


onChange(value) {
  console.log(value); // would log updated value
}
</code>

Now
<code javascript>
<input #modelDir="ngModel" [(ngModel)]="name" (ngModelChange)="onChange(modelDir)">

onChange(ngModel: NgModel){
  console.log(ngModel.value); // would log old value, not update  value
}
</code>
<code javascript>
onChange(ngModel: NgModel){
  console.log(ngModel.value); // will log update value
}
</code>
==== Angular Elements ====
Ability to use our Angular components in other environments.
Wrap an angular component in a custom elements.
<code javascript>
export class AppModul {
  constructor(private injector:Injector){}
  ngDoBootstrap(){
    const AppElement = createCustomElement(AppComponent, {injector: this.injector });
    customElements.define('my-app', AppElement);
  }
}
</code>
==== Ivy ====
Next generation rendering engine.
Increase the speed and decrease the application size.
Out in the near future.