本篇文章带大家了解一下Angular10中的新功能。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
Angular 10是对流行的Web开发框架的主要升级,通常会在6月24日作为正式版本提供。正式版升级是基于Google开发的基于TypeScript的框架,与新版本相比,它更加注重质量,工具和生态系统的改进特征。
Angular 10小于以前的Angular版本。 新功能包括Angular Material UI组件库中的新日期范围选择器和CommonJS导入警告。 当与CommonJS打包的依赖项可能导致更大,更慢的应用程序一起使用时,CommonJS导入警告会警告开发人员,从而允许开发人员替换ECMAScript模块包。
相关教程推荐:《angular教程》
此外,可选的严格设置,创建一个新的工作区时提供了一个更严格的项目设置ng new
,通过ng new -- strict
。 启用此标志将使用新设置初始化新项目,以提高可维护性,帮助捕获错误并允许CLI在应用程序上进行高级优化。
您可以在GitHub上找到Angular 10的一般版本 。 要更新当前的Angular安装,可以运行以下命令:
ng update @angular/cli @angular/core
Angular 10的主要功能包括:
yarn
或npm install
时,节省了下载和安装时间。EntryPointFinder
,这是一个基于程序的入口点查找器,可以从tsjconfig.json文件指定的程序中的导入中获得种子。 当活动程序仅导入一小部分已安装的入口点时,这预计会比DirectoryWalkerEntryPointFinder
更快。&
)中删除。ModuleWithProviders
强制ModuleWithProviders
。 为了使ModuleWithProviders
模式与Ivy编译和渲染管道一起使用,需要使用通用类型参数,但是在此提交之前,View Engine允许省略通用类型。 如果开发人员使用不带泛型类型的ModuleWithProviders
,则版本10迁移将更新代码。 但是,如果开发人员使用View Engine并依赖于忽略泛型类型的库,则会发出构建错误。 在这种情况下,ngcc将无济于事,迁移将仅涵盖应用程序代码。 应该与图书馆作者联系以修复他们的图书馆。 解决方法是,可以在tsconfig中将skipLibChecks设置为false或将应用程序更新为仅使用Ivy。basePaths
的计算进行了延迟,因此仅在TargetedEntryPointFinder
需要时才进行工作。 以前,每当实例化查找程序时都会计算basePaths
,这在已经处理了目标入口点的情况下浪费了精力。retryAttempts
和retryDelay
选项。 集成测试添加了新的超时检查,并使用ngcc.config.js减少了超时时间,以防止测试花费太长时间。EMPTY
解析器都将取消导航。 为了使导航继续进行,开发人员必须更新解析器以更新某些值,例如default!Empty
。b
或B
格式代码格式化时间时,呈现的字符串不能正确处理跨越几天的白天。 相反,逻辑回落到AM
的默认情况。 此逻辑已更新,因此它可以匹配在午夜之后的一天中的时间,因此它现在将呈现正确的输出,例如at night
英语的at night
。 使用formatDate()
或DatePipe
或b
和B
格式代码的应用程序将受到此更改的影响。CanLoad
保护器现在可以返回Urltree
。 返回Urltree
的CanLoad
防护Urltree
取消当前导航并重定向。 这与CanActivate
守卫可用的当前行为匹配,该行为也已添加。 这不会影响预加载。 CanLoad
保护程序会阻止任何预加载; 带有CanLoad
防护的任何路由都不会被预加载,并且防护也不会作为预加载的一部分执行。--compilation_level=SIMPLE
。 该标志将确保构建管道生成可构建的,可运行的工件,但由于禁用了高级优化而增加了有效负载大小。翻译自: https://www.infoworld.com/article/3537449/whats-new-in-angular-10.html
以上是浅谈Angular10中的新功能的详细内容。更多信息请关注PHP中文网其他相关文章!