What’s new in Angular JS 1.5

Angular JS makes it easier to extend HTML vocabulary for your application, thus making it easier to read and develop an app. Over the years, the framework has come out with multiple versions keeping the users in mind. Recently, it released an upgraded version – Angular JS 1.5.0, making the process of developing an app easier from components. It also comes updated with the native ECMAScript 6. The latest version focuses more on the rendering the support for building mobile apps both for iOS and Android. Firms offering angularjs development services will now find it convenient to develop an app.

Now, let us take a look at some of the major features that the updated version of Angular JS has to offer.

An Improved Component Definition

Now defining a component is much easier. A template, controller and bindings are required in order to create a component. Setting sensible defaults are also one of the ways to manage the rest of the directives. While creating common directives, the component removes a number of boilerplates. We are showing an example below to help you understand this better.

// Angular 1.5

module.component(name, options);

// Angular 1.4

module.directive(name, fn);

Slot Transclution With Multiple Options

Now a number of placeholders and slots are available that make it easier for developers for creating directives. In Angular 1.4, we had to turn on the transclude property and use the isolated scope with the title attribute, whereas in the recent version of Angular JS, the multi-slot transclution property allows you to turn on the attribute only once. You do not have to add multiple slots at all, that’s because a question mark a question mark indicates optional slots. It is important to keep in mind that one cannot enter transcluded content with the help of alias.

Performance Oriented Ng-Animate-Swap

In it’s the previous version, Angular JS was more about flexibility, reusability and performance, but now a number of powerful animations have been added. The result is that you can now rotate a banner easily. This is done by hooking ng-leave and ng-enter. CSS classes can help you to set up animation. The ng-animate-swap can be used on any kind of DOM element with the help of animation on the existing data.

Transclution At A Slower Pace

In the $compile module, an improvement has been done for transcluded content especially. It has been seen that major performance gains are required for directives that require complex trees. This is done using either ng-switch or ng- if. They will perform better as transcluded content will match with the bound condition. Another advantage is that, while rendering initially, few parts will not need any actual compilation.

AngularJS is increasingly making its presence felt in the app development world. The convenience that it offers to the developers is beyond imagination. Even web designers will find it useful as they can easily add HTML codes and at the same time turn the static content of a website to dynamic.