Saturday, 6 July 2019

Angular 8

> Samples
> Angular Samples


Angular 8 updates


For most part you can still use Angular 6 (samples) syntax, just update the following pieces in your Angular 8 application.
  1. Renderer2: instead of using RendererV2, now use Renderer2
  2. @ViewChild('serverContentInput', {static: true}) serverContentInput: ElementRef;
    [adding static: true, the same goes for @ContentChild()]
    true is important to access the selected element inside ngOnInit
  3. @ContentChild('contentParagraph', {static: true}) paragraph: ElementRef;
    true is important to access the selected element inside ngOnInit 
  4. Working with reactive forms => Form Array [update for Angular 8]
  5. Working with reactive forms => Clear all Form Array Items
  6. A new internal rendering engine IVY. Will drastically shrink bundle size.
    • It is not yet ready for production
    • Can be enabled to play around with.
  7. Experimental support for Bazel; orchestrates build process (Webpack, typeScript etc) to optimize overall build flow and speed. 
    • It is not yet ready for production
    • Can be enabled to play around with.
  8. Differential Loading: CLI automatically creates multiple bundles for modern and legacy browsers. A right bundle will be loaded per the users browser. 
  9. Breaking Changes 
    • @angular/http is no longer supported. Use instead @angular/common/http instead
    • @ViewChild and @ContentChild use static (above)
  10. f

Samples


Creating Simple ToolTip with Directive and Use of SCSS in the angular project

 Download the code from the GitHub and then follow the 001ReadMe.txt file which has the details about :
  • Project setup
  • SCSS setup and simple use
  • How to create a directive etc.