Angular 6.1 foi lançado em 25 de julho. Esta
versão secundária do framework pode ser considerada uma substituição do Angular 6.0, que inclui algumas inovações e correções de bugs. Este material, a tradução de uma postagem de um blog Angular, é sobre os principais novos recursos do Angular 6.1.
Roteador e salvar a posição de rolagem
Agora, os desenvolvedores de aplicativos angulares podem tirar proveito do novo recurso do roteador, que permite lembrar e restaurar a localização do usuário na página - a posição da rolagem ou rolagem. Quando você passa para a próxima página do aplicativo, a posição de rolagem é redefinida e a posição do usuário na página anterior é lembrada. Pressionar o botão Voltar abrirá a página anterior, levando em consideração a posição de rolagem salva.
Para habilitar esse recurso, você pode usar o seguinte comando:
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
Espera-se que, em uma futura versão principal da plataforma, o roteador seja configurado por padrão para restaurar a posição de rolagem.
ShadowDOM v1 e View Encapsulation
Existem várias maneiras de associar regras CSS aos componentes nos quais essas regras são definidas. Isso é chamado de Exibir encapsulamento. O encapsulamento pode ser alterado para o uso do ShadowDOM v1 no decorador de componentes. É feito assim:
@Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { }
Agora, o uso do valor
ViewEncapsulation.Native , que significa usar o Shadow DOM v0, foi descontinuado.
O ShadowDOM v1 tem melhor suporte entre navegadores do que a versão anterior do padrão. O trabalho nesse padrão foi realizado inicialmente, levando em consideração a possibilidade de seu uso em vários navegadores. As diferenças entre o Shadow DOM v0 e v1 podem ser encontradas
aqui .
As inovações do ShadowDOM v1 serão de interesse principalmente para autores da biblioteca e desenvolvedores avançados. Deve-se notar que o uso do Shadow DOM v1 é necessário para o uso da projeção de conteúdo dentro da estrutura da tecnologia Angular Elements.
Regras do esquema de encadeamento
A ferramenta
Esquema foi aprimorada nesta versão e, como resultado, uma nova
regra agora pode ser retornada de uma
regra existente. Isso permite aos desenvolvedores mais flexibilidade na definição do conjunto de regras para o esquema.
Suporte ao TypeScript 2.9
Agora, o Angular, juntamente com o TypeScript 2.7, suporta o TypeScript
2.8 e
2.9 . Um dos recursos importantes do TS 2.9, que é útil para muitos desenvolvedores, está relacionado a erros, como os seguintes:
Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named
Foram efetuadas alterações no TS, devido ao qual, primeiro, esses erros não aparecem mais e, segundo, o código não precisa mais ser reescrito para trazê-lo para um estado correspondente a padrões de exportação semelhantes.
Sumário
Há outras alterações na
nova versão do Angular, por exemplo, em relação ao tratamento de URLs
malformados (
malformedUriErrorHandler ) e que visam melhorar o trabalho com matrizes e objetos associativos (
KeyValuePipe ). Uma nova versão do
angular-cli também foi lançada .
Angular 6.1 é o último lançamento planejado da versão 6.x. Portanto, em um futuro próximo, podemos esperar o lançamento de versões beta do Angular 7.0 e o surgimento de novos recursos interessantes nessa estrutura.
Caros leitores! Quais inovações do Angular 6.1 você acha mais interessantes? O que você espera do Angular 7.0?
