{"id":161,"date":"2017-06-27T15:06:35","date_gmt":"2017-06-27T09:36:35","guid":{"rendered":"http:\/\/www.concettolabs.com\/blog\/?p=161"},"modified":"2017-06-27T15:06:35","modified_gmt":"2017-06-27T09:36:35","slug":"need-to-know-new-angularjs-4-2","status":"publish","type":"post","link":"https:\/\/websitelaravel.concettoprojects.com\/blog\/need-to-know-new-angularjs-4-2\/","title":{"rendered":"All You Need To Know About The New Angularjs 4.2"},"content":{"rendered":"

The all new AngularJS 4.2, is out of its egg shell and all the tech freaks are eager to crack the books of this Angular. So without dwindling time, let\u2019s start counting all the new feathers in the crown of Angular 4.2.<\/p>\n

<\/span>AngularJS 4.2, ANIMATIONS<\/span><\/h2>\n

With its novel entry, Angularjs 4.2 has brought in the much-awaited new wave of animation which permits reusable animations, full-blown router level animation, and multi-element animations. This much-endeavored API feature equips its user to animate their Angular apps in never dreamt before manner.<\/p>\n

The all-new query function as introduced in this version permits query features in the template. Apart from this, it also supports pseudo-selectors, which lines up a few other interesting possibilities.<\/p>\n

To quote, we can now easily animate elements in NgFor:<\/p>\n

\"AngularJS<\/p>\n

With the given animation:<\/p>\n

\"AngularJS<\/p>\n

Now, whenever an element will leave, removed from races array, it will fade out and vice versa.<\/p>\n

Stagger is the other new add-on under the umbrella of animation. With this add-on, staggering animations can be created with ease.<\/p>\n

\"staggering<\/p>\n

A reusable animation is another new add-on, which can be used to override the default parameter. Here is an example of changeOpacity animation:<\/p>\n

\"Reusable<\/p>\n

When the element is being animated, Angular will add a ng-animating class to the element. Apart from this, one can trigger child animations using the animated child function. Lastly, we can inject AnimationBuilder to program animations and trigger them on demand.<\/p>\n

<\/span>TEMPLATES<\/span><\/h2>\n

Here is great news! Now it’s possible to use strictNullChecks in all your applications. The ! postfix operator is also now available:<\/p>\n

\"strictNullChecks\"<\/p>\n

The code generated from the AOT compiler will include a non-null assertion operator, allowing you to do strict null checking in your templates!<\/p>\n

<\/span>FORMS<\/span><\/h2>\n

The new Angular 4.2 has two new validators over and above the existing minLength, maxLength, email, and pattern: min and max, to help you ratify that the input is the value specified to the best of its level.<\/p>\n

\"FORMS\"<\/p>\n

** The information as on 17th<\/sup> June\u201917 states that the validators min and max have for the time being have been eradicated but will reappear in version 5.<\/p>\n

Related:\u00a0WHO SOUNDS LIKE A WINNER! \u2013 REACT or ANGULAR 2<\/a><\/strong><\/span><\/p>\n

<\/span>TESTBED.OVERRIDEPROVIDER<\/span><\/h2>\n

TestBed called overrideProvider is the new method of this new version, which allows overriding a provider irrespective of its module\/component. This feature is a very interesting add-on for developers who initially could only test in JiT mode. But not the testing can be done in AoT mode also.<\/p>\n

<\/span>FLUSH<\/span><\/h2>\n

Make use of the new feature flush instead of a tick to automatically pause the tests till all the macro task events have been cleared from the queue.<\/p>\n

\"FLUSH\"<\/p>\n

<\/span>FIXTURE.WHENRENDERINGDONE<\/span><\/h2>\n

The new feature when rendering one is useful to test components with animations.<\/p>\n

<\/span>ANGULARJS 4.2 IN A NUTSHELL<\/u><\/span><\/h2>\n