Google已經正式發佈了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的參考資料。發行說明中提供了完整的變更列表。