{"id":3858,"date":"2018-07-27T15:17:11","date_gmt":"2018-07-27T09:47:11","guid":{"rendered":"https:\/\/code4developers.com\/?p=3858"},"modified":"2018-07-27T15:17:11","modified_gmt":"2018-07-27T09:47:11","slug":"angular-v6-1-is-now-available","status":"publish","type":"post","link":"https:\/\/code4developers.com\/angular-v6-1-is-now-available\/","title":{"rendered":"Angular v6.1 is now Available"},"content":{"rendered":"

Angular version 6.1 has been released. This is replacement for version 6.0. As per official blog this is a minor release containing new features and bug fixes.<\/p>\n

\"Angular<\/p>\n

Key features<\/h3>\n

1. Router Scroll Position Restoration<\/h4>\n

For a developers\u00a0 it is now possible to configure the router to remember and restore scroll position as the user navigates around an application. This is possible by using the new navigation events which will reset the scroll position, and by pressing the back button it will restore the previous position.<\/p>\n

How to turn on restoration in the router configuration?<\/strong><\/p>\n

RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})<\/pre>\n
In the official blog team have noted that, this feature will become the default in a future major release.<\/p>\n
2. ShadowDOM v1 View Encapsulation<\/h4>\n
View Encapsulation is ways of connecting your CSS to the components they are defined within. Within the component decorator, we can now change the View Encapsulation to use ShadowDOM v1. Previously used ViewEncapsulation.Native<\/strong><\/code> is now deprecated.<\/p>\n
Better cross-browser support of ShadowDOM v1 used to built cross browsers shared standards. This support was not this much accurate in previous version. For better understanding of differences between v1 and v0.<\/a><\/p>\n
Select the new encapsulation in your component\u2019s decorator:<\/p>\n
@Component({\r\n  templateUrl: '.\/my-component.html',\r\n  encapsulation: ViewEncapsulation.ShadowDom\r\n})\r\nexport class MyComponent { }<\/pre>\n
3. Schematics Chaining<\/h4>\n
The team have improved the way that we can chain Schematics by adding support<\/a> for returning a Rule<\/a> from an existing Rule. This allows us to more dynamically determine the set of rules to follow when designing Schematics.<\/p>\n
4. TypeScript 2.9<\/h4>\n
Angular now supports TypeScript 2.8 and 2.9, in addition to 2.7.<\/p>\n
Important change in TypeScript 2.9 will benefits the developers from the errors such as \u201cExported variable \u2018x\u2019 has or is using name \u2018y\u2019 from external module \u2018z\u2019 but cannot be named<\/code>\u201d. We will not see this error and we will no longer have to change out code for such export patterns.<\/p>\n
Summary<\/strong><\/p>\n
For the complete list of features and bug fixes please see the Angular changelog<\/a> and the CLI release\u00a0notes<\/a>.<\/p>\n