Angular 7支援虛擬滾動、拖放、CLI Prompts等特性
Google已經正式釋出了 ofollow,noindex" target="_blank">Angular 7 。Angular 7是Google推出的Web框架的一個新的主要版本。新版本帶來了虛擬滾動、拖放、CLI Prompts等。
Angular CLI開發人員用來初始化、開發、搭建和維護Angular應用程式的命令列工具,現在在開發人員執行諸如ng new或ng add @angular/material之類的常用命令時會給出提示,旨在幫助開發人員發現內建的特性,如路由或SCSS支援。此外,任何釋出 Schematics 的軟體包都可以通過在Schematics集合中新增x-prompt來使用它們。
"routing": { "type": "boolean", "description": "Generates a routing module.", "default": false, "x-prompt": "Would you like to add Angular routing?" },
Angular Budgets 是一項允許開發人員在angular.json配置檔案中設定預算閾值的功能,以確保應用程式的某些部分保持在界定的大小範圍內。Budgets在Angular 7中的效能得到了改進,當應用程式的初始捆綁包大小超過2MB時會向開發人員發出警告,並在包大小達到5MB時丟擲一個錯誤。定製這些預算很容易:
"budgets": [{ "type": "initial", "maximumWarning": "2mb", "maximumError": "5mb" }]
與效能相關的另一個改進是Angular 7將從生產環境的polyfill.ts檔案中移除reflect-metadata,這個polyfill只在開發階段有需要,但很多開發人員都將其包含在生產環境中。
虛擬滾動 已被新增到CDK中,可以基於列表的可見部分從DOM載入和解除安裝元素,並且可以為具有非常大的可滾動列表的使用者構建非常快速的體驗。
<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport"> <div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div> </cdk-virtual-scroll-viewport>
CDK中新增的另一個特性是 拖放 支援。它使開發人員能夠通過宣告方式輕鬆地建立拖放介面,支援自由拖動、列表排序、在列表間傳輸項、動畫、觸控裝置等。
對於大多數開發人員,只需要執行一個命令就可以更新到Angular 7:
ng update @angular/cli @angular/core
有關將應用程式更新到Angular 7的詳細資訊和指導,請訪問update.angular.io。根據Google的說法,早期採用者報告稱這個版本的更新速度比以往都要快,很多應用程式的更新時間不到10分鐘。
文件也得到更新,現在包含了 Angular CLI的參考資料 。 發行說明 中提供了完整的變更列表。
檢視英文原文 : Angular 7 Comes with Virtual Scroll, Drag and Drop, CLI Prompts and More