Angular JS 4 Features Depreciations and New Changes

Angular JS 4 Features Depreciations and New Changes

March 6, 2017 No comments Article SEO Website Designing

Hi Friends, Today i will you about Angular JS 4 Features Depreciations and New Changes. As we know Angular js 4 is going to launch on March,2017 but most of them don’t know what changes google has been made in angular. You can read the angular 4 features and it depreciation. After reading you know what new things and changes are there in angular js 4. It is same as angular 2 but some changes are there like new view engine, typescript and many more. You can read it below.

What is Angular ?

Angular applications, project or website are set of components. Component is the mixture of an HTML template, typescript code and a component class that controls a portion of the screen.



Angular 4 Features:

  • Improve robustness in router
  • New View Engine for optimizing generated code.
  • If you are not using animation, code is not added in your application. When you want to use animation, you can add by npm.
  • New version of typescript is there i.e. TypeScript 2.1. it will improve speed and type checking in your application.
  • More router security is there specially for lazy loaded module.
  • Use abstract keyword where possible to decrease file size.
  • Add pure expression and event support to view engine.
  • Allow Calc and gradient functions.
  • DatePipe shouldn’t throw for NaN and it parses input string even if it’s not a valid date in browser
  • Now packaging allows applications, project or website to turn on strictNullChecks mode in your Typescript. If you desire than use strictNullChecks.
  • AsyncPipe.transform() is commonly added in angular 4
  • You can add support and services for source map generation
  • You may add target locale to the translation bundles
  • You can style encapsulation for new view engine
  • New Observable property is added isStable in ApplicationRef to show when it’s stable and unstabe
  • New API added to render Module and ModuleFactory to string.
  • Now platform-server supports @angular/http from @angular/platform-server
  • Disable non-components as an entry component
  • Improve error messages for unknown elements and properties in aot compiler
  • Change ChangeDetectorRef Parameter from KeyValueDifferFactory and IterableDifferFactory
  • Compress Closure Compiler warning.
  • getRawValue should correctly work with nested FormGroups/Arrays in Angular 4 Form.
  • Allow to mix shadow dom with non shadow dom in platform-browser and should not throw debug for containing $. You can also add styles with native encapsulation in shadow DOM.
  • Allow to create multiple platformServer and platformDynamicServer.

Angular 4 DEPRECATIONS:

  • KeyValueDifferFactory and IterableDifferFactory no longer have ChangeDetectorRef as a parameter. It was not used and has been there for historical reasons.
  • OpaqueToken is now deprecated, use InjectionToken<T> instead.
  • Injector.get(token: any, notFoundValue?: any): any is now deprecated use the same method which is now overloaded as Injector.get<T>(token: Type<T>|InjectionToken<T>, notFoundValue?: T): T;

Angular 4 BREAKING CHANGES:

  • Classes that derive from AsyncPipe and override transform() might not compile correctly.
  • RootRenderer cannot be used in angular 4 because it is a deprecated in angular 4. You can use RendererFactoryV2.
  • Support for Iterable<T> is not required at runtime but a type definition Iterable<T> must be available.
  • injector.get() is now parameterize it is possible that code which used to work no longer type checks.


Enhanced *ngIf syntax

1) Now you can use an if/else style syntax, and assign local variables in your template binding syntax.

<ng-template #loading>Loading...</ng-template>

<div *ngIf="clientObservable | async; else loading; let client">

  {{ client.name }}

</div>

2) In Angular 2:

@Component()

class SomeComponent extends OnInit {}

In Angular 4:

@Component()

class SomeComponent Implements OnInit {}

Note: I have covered most of the features, depreciation and changes but some are left which is not reveal by google.

Now you know about Angular JS 4 Features Depreciations and New Changes.

Read About Other Interesting Things below.

I hope you will like Angular JS 4 Features Depreciations and New Changes. If You found it useful please subscribe my blog.

Categories: Angular

Leave a Reply