framework de desenvolvimento de aplicações angular é um dos mais populares da Web. Com Angular 7 versão, que traz para os desenvolvedores da Web com mais recursos, incluindo o núcleo do framework, Angular Material, com grandes lançamentos e manter-se a cadeia de ferramenta CLI, e existem vários grandes parceiros.
Vamos introduzir alguns novos recursos equipe Angular publicada neste artigo. Angular 7 concentra projeto Ivy, reescrever compilador angular e código de tempo de execução, torná-lo menor, melhor, mais rápido, mas Ivy ainda não pronto para o horário nobre.
Vamos dar uma olhada 10 apresenta Angular 7.0 introduziu.
1.CLI Prompts
CLI angular foi atualizado para v7.0.2, acrescentou algumas novas funcionalidades, tais como agora ele vai entrar comandos frequentemente utilizados (como o NG-add ou GN-novo) quando o guia de utilização do usuário, @ / material angular pode ser usado para encontrar o built-in funções, tais como roteamento ou suporte SCSS. Ao usar angular 7 para criar um novo projeto, usando o orçamento Bundle padrão no CLI.
2. Application Performance
equipe angular angular descobriram que os desenvolvedores irá conter polyfill metadados refletida em um ambiente de produção, mas isso polyfill utilizado no ambiente de desenvolvimento, a fim de resolver este problema, uma atualização v7 parcial irá removê-los automaticamente a partir do arquivo polyfills.ts, então é construído como um passo na construção de aplicações sob JIT, exclua o polyfill padrão gerado no ambiente de produção é construída.
Para melhorar o desempenho, novos aplicativos será emitido no momento do pacote inicial sobre aviso 2MB e erro quando atinge 5MB, os usuários podem modificar esses valores em angular.json documento orçamental.
3. Angular Material e CDK
Angular Material e Component Dev Kit (CDK), angular 7 Concepção de materiais em termos de melhorias visuais, recebeu uma grande atualização em 2018, trouxe um rolo de papel virtual, para alguns elementos carregados dinamicamente e descarregado o DOM para construção de alto desempenho lista de dados em grande escala. Além disso, através da introdução de DragDropModule ou ScrollingModule, a aplicação pode ser fornecido com funcionalidade arrastar e soltar.
4. Rolagem Virtual
pacote de rolagem virtual < CDK-virtual-rolagem-viewport > Ele fornece instruções suplementares para reagir a eventos de rolagem. Virtual rolagem pode ser baseada em alguns elementos da parte visível do DOM para carregar e descarregar. Ele permite que a altura do elemento de recipiente de acordo com a altura do número total de elementos a serem prestados, o que pode eficientemente simular todos os itens que está sendo processado, e só então tornar item visível na vista, fornece uma experiência de usuário muito rápido para a grande lista de rolagem.
5. Drag and Drop
@ Angular / cdk / módulo de arrastar-soltar fornece uma maneira de criar uma interface drag and drop através de forma declarativa, você pode apoiar arraste livre, tipo da lista, programas de transferência, animação, dispositivos de toque entre as listas, alça de arrastar personalizado, pré-visualização e espaço reservado, e reordenar a lista (moveItemInArray) e itens de transporte entre a lista (transferArrayItem).
6. compilador compatibilidade angular (NGCC)
O compilador é usado para compilar usando node_modules ngc convertida para ser compatível com os novos node_modules renderizador hera. compilador compatibilidade angular usará NGC compilado node_moduls usado de forma semelhante para converter node_modules ngtsc compilados. Por esta conversão, Ivy motor de renderização poderia usar algum pacote "legado".
7. Angular Do-Bootstrap
É necessária para guiar o módulo de conjunto de guia. Angular 7 adiciona um novo gancho de ciclo de vida (ngDoBootstrap) e as interfaces (DoBootstrap).
Por exemplo:
tratamento de erros melhor
Angular 7 traz uma melhoria da manipulação de erro é @Output, tal como para as propriedades não inicializados.
Dependências de actualização 8. angulares 7
o suporte (1) do texto dactilografado 3,1
Angular 7 tem typescript upgrade da versão 2.7 para a versão mais recente 3.1. Ao usar Angular 7, você deve usar a última versão do texto datilografado. Typescript versão Angular uso normalmente lag, e, portanto, desta vez para coincidir com a última versão do texto datilografado.
(2) 6,3 RxJS
Angular 7 acrescenta a última versão do RxJs (6.3.3), que traz algumas adições interessantes e mudanças. Essas mudanças trazem o desempenho e tornar mais fácil para os desenvolvedores a pilha de chamadas de depuração, e melhor modularidade, enquanto compatível possível.
(3) suporte add para o v10 Node
Angular 7 de equipa, agora também suporta Nó V10, compatibilidade com versões anteriores.
(4) elemento angular com o entalhe
Angular 6.1 habilitado função ViewEncapsulation.ShadowDom, que é útil para elementos angulares, agora suporta conteúdo da Web usando elenco padrão nos elementos personalizados. Web introduz especificação de componente de novos elementos HTML padrão, ou seja, slot. Este recurso já está disponível e pode ser habilitado pelo modelo de componente.
Como este pode então ser usados como elementos angulares:
(5) Nova ng-compilador
New ng-compilador oferece oito etapa de compilação acelerar e reduzir em cerca de metade do tamanho de grandes aplicações. O novo compilador pode rodar um oito fase de pré-compilado. A maioria das aplicações do pacote pode reduzir significativamente o tamanho do esperado 95-99%.
(6) dividindo @ angular / núcleo
Angular Uma desvantagem é a sua função global também. É um grande quadro próprio fornece automaticamente um módulo pode ser menos do que você, portanto, a equipe Angular tem @ divisão / core angular em pelo menos 418 módulos,.
(7) Router
Adicionado um novo tipo de aviso, se você tentar navegar fora da área gatilho angular aparecerá este aviso. Se você não trabalhar dessa maneira, aviso angular será gravado no log (somente no modo de desenvolvimento). A nova versão também irá executar informações de navegação contextual para os ganchos de ativação em.
9. ainda não hera
equipe angular não prometeu um calendário final, mas de acordo com o oficial fang Bowen, Ivy ainda em desenvolvimento ativo, mas não pertence v7 angular. Esperamos que haverá uma versão de teste completo na versão 8. Você pode seguir seus próprios problemas oficial Angular Ivy Renderer base de código GitHub em. Eles também esperam que Ivy pode ser publicado em uma versão menor, contanto que você pode totalmente testado e verificado. Talvez nós vamos vê-lo na próxima versão do Angular 7.
10. Atualizações de Documentação
Documentação sobre a angular.io agora actualizado a referência angular CLI relacionado.
Reprovado
A última versão do Angular 7 abandonado algumas coisas, como você declarou antes da sua utilização no formulário do modelo, este selector foi agora obsoleta e deve ser usado < ng forma- > .
Como Update para Angular 7
Se você já está executando Angular App no Angular 6 e RXJS 6, só que você precisa atualizar seu @angular cli / core e angular de materiais.
Ou visite update.angular.io para mais informações e orientações sobre a atualização do aplicativo. Desenvolvedores relatam que, Angular velocidade 7 atualização mais rápido, muitas aplicações tempo de atualização menos de 10 minutos do que nunca.
Angulares 7 outros novos recursos:
conclusão
Toda a integração funcional acima, v7 aparência angular como um foco na tecnologia moderna para atender as capacidades de soluções tendência crescente, como a mineração Bitcoin, a rolagem virtual, arrastar e soltar, Angular Material, etc., mas ainda não na versão atual ele contém Ivy.
equipes angulares angulares fazem melhor feito muito bem. Se você pretende implementar suas próprias soluções baseadas na Web e tecnologia móvel, certifique-se de considerar Angular 7 deste quadro altamente eficiente desenvolvimento de novos.
texto em Inglês: https: //www.angularminds.com/blog/article/top-10-features-of-angular-7.html
