Angular 6.1 版本已经发布。这是一个次要版本，是 6.0 的直接替代版本，包含新功能和错误修复。

有什么新的东西吗？

路由器滚动位置恢复

开发人员现在可以将路由器配置为在用户浏览应用程序时记住并恢复滚动位置。新的导航事件将重置滚动位置，按后退按钮将恢复之前的位置。

在路由器配置中打开恢复：

RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})

预计这将成为未来主要版本中的默认设置。

ShadowDOM v1 视图封装

有多种方法可以将 CSS 连接到它们定义的组件，我们称之为视图封装。在组件装饰器中，您现在可以更改视图封装以使用 ShadowDOM v1。以前的ViewEncapsulation.Native现已弃用。

ShadowDOM v1 比以前的版本具有更好的跨浏览器支持，并且正在被构建为跨浏览器的共享标准。

其中许多更改更适用于库作者和高级开发人员，但您可以详细了解v1 和 v0 之间的差异。 ShadowDOM v1 对于使用 Angular Elements 进行内容投影是必需的。

在组件的装饰器中选择新的封装：

// component.ts
@Component({
  templateUrl: './my-component.html',
  encapsulation: ViewEncapsulation.ShadowDom
})
export class MyComponent { }

keyvalue  Pipe （管道）

现在可以通过keyvalue管道传输对象，这将为您提供适合在*ngFor.

// component.ts 
@Component({
  template: `<div *ngFor="let item of data | keyvalue">
      {{item.key}} - {{item.value}}
    </div>`
})
export class MyComponent {
  data = { "key": "value", "key2": "value2" };
}

原理图链接

我们通过添加对从现有规则返回规则的支持，改进了链接 Schematics 的方式。这使得开发人员能够更动态地确定设计原理图时要遵循的规则集。

TypeScript 2.9 

除了 2.7 之外，Angular 现在还支持 TypeScript 2.8和2.9 。

TypeScript 2.9 中的一项重要变化与诸如“ Exported variable ‘x’ has or is using name ‘y’ from external module ‘z’ but cannot be named ”。 TypeScript 放宽了这些声明发出可见性规则，这意味着您将不再看到此错误，并且您将不再需要更改此类导出模式的代码。

有关功能和错误修复的完整列表，请参阅Angular 变更日志和CLI 发行说明。

这是 6.x 的最后一个计划次要版本，因此当我们开始致力于下一个主要版本时，您应该会看到 7.0 测试版的发布。

文章来源地址：https://blog.angular.dev/angular-v6-1-now-available-typescript-2-9-scroll-positioning-and-more-9f1c03007bb6