Angular5.1新功能的示例分析-創(chuàng)新互聯(lián)

這篇文章主要介紹Angular5.1新功能的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

十多年的信陽網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整信陽建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“信陽網(wǎng)站設計”,“信陽網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

新特性

Angular Material和CDK穩(wěn)定版

CLI中支持Service Worker

在CLI中改進了Universal和AppShell的支持

改進了裝飾器的錯誤信息

支持TypeScript2.5

有關功能和bug修復的完整列表，請參閱Angular，Material和CLI的更新日志。

Angular Material和CDK穩(wěn)定版

在發(fā)布了11個alpha版本，12個beta版本以及3個候選版本之后，我們很高興現(xiàn)在能夠標記Angular Material和Angular CDK的5.0.0的穩(wěn)定版?；贕oogle的Material Design視覺設計語言，Angular Material提供了30個UI組件給你的Angular應用。組合使用Angular CDK，Angular CDK（組件開發(fā)工具包）提供了一組構建模塊，幫組您構建自己的定制組件，而不需要再次解決常見問題。這些組件已經(jīng)被許多GOogle應用程序（包括Google Analytics套件，Google云平臺開發(fā)人員控制臺以及Google Shopping Express）用于生產。

從這個版本開始，Angular Material將遵循與Angular相同的語義化哲學，主版本的Angular Materital和Angular CDK同時作為其它平臺的主版本發(fā)布。bug修復的版本將按照每周的迭代進行，而次版本將在功能完成時發(fā)布。

訪問matrial.angular.io獲取文檔，演示和我們的入門指南。你還可以在Github上跟進我們的進度，因為我們將繼續(xù)為框架添加更多類容。在接下來的幾個月中，請關注諸如新的mat-tree，virtual scrolling，組件測試套件以及拖放功能。

CLI1.6的Service Worker支持

性能一直是Web開發(fā)人員的一個重要目標，在今天的局域網(wǎng)WIFI和移動網(wǎng)絡事件中，性能一直是一個重要的目標?，F(xiàn)代瀏覽器有一個新的API用于構建可靠且快速加載的站點，稱為Service Worker API。

Angular5.0.0附帶了一個為Angular應用程序定制的新的Service Worker實現(xiàn)，而Angular CLI 1.6包含了支持利用這個新特性構建應用的功能。使用@angular/service-worker可以提升你的應用的加載性能在支持該API的瀏覽器中，以及使你的應用的加載體驗更像是本地app。

在我們的文檔網(wǎng)站中，學習更多關于Angular Service的內容。

CLI1.6 改進Universal和App Shell支持

此外，隨著Angular CLI1.6的發(fā)布，更好的通過Schematics將Universal添加到你現(xiàn)有的項目中，并為App Shell提供支持。

Angular Universal

添加Universal到你當前的CLI項目中，你可以在你的項目目錄下使用下面的命令：

npm generate universal <name>

用你想給你的應用程序的名字替換<name>。這將會采用你采用的應用程序，并創(chuàng)建一個通用的模塊，并為你自動配置你的angular-cli.json文件。然后你可以跳到我們的指南中的第4步使用Universal。

要構建你的Universal應用，只需要運行以下命令：

ng build --app=<name>

App Shell

額外添加的功能是對App Shell的支持?，F(xiàn)在你可以生成和構建一個應用shell，它使用Universal來為你的應用構建一個靜態(tài)的首次渲染在你的index.html頁面中。當你的應用程序正在啟動時，這會給用戶更好的體驗。

首先，確保在你的應用中的NgModule中有一個RouterModule的模塊被導入，以及有一個<router-outlet></router-outlet>在你應用組件的模塊中。App Shell使用路由來渲染你的應用。

運行以下命令：

ng generate app-shell [ --universal-app <universal-app-name>] [ --route <route>]

通過傳遞app-shell參數(shù)，將對主應用程序的all shell的支持添加到你的angular-cli.json文件中。如果Universal應用沒有通過，則第一次運行Universal Schematic的時候會創(chuàng)建一個Universal應用。路由參數(shù)指定了在生成應用期間生成的路由配置。（App Shell需要有路由的支持）。默認是/shell。

完成這一步之后，只需要使用ng build就可以正常構建應用程序，index.html文件將包含自動渲染的路由。

改進的裝飾器錯誤信息

由編譯器產生的診斷已經(jīng)得到了明顯的改善，特別是當裝飾器包含不支持或不正確的表達式的時候。

例如：調用一個函數(shù)來處理模板是不支持的。

@Component({
 template: genTemplate()
})

這是以前會產生的錯誤：

Error encountered resolving symbol values statically. Calling function ‘genTemplate', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol MyComponent in components.ts, resolving symbol MyComponent in components.ts

這個錯誤已經(jīng)得到改善，并澄清了問題的來源和性質。

component.ts(9,16): Error during template compile of 'MyComponent'.
 Function calls are not supported in decorators but 'genTemplate' was called.

支持TypeScript 2.5

我們已經(jīng)添加了TypeScript 2.5的支持，這是所有的開發(fā)人員推薦的。這個TypeScript版本包含了幾個有用的高級功能。

你可以升級你的Typescript通過yarn add typescript@'~2.5.3'或者npm install typescript@'~2.5.3'。

這個更新是可選的，TypeScript 2.4繼續(xù)支持Angular 5.X我們還不支持TypeScript 2.6。我們的計劃實在未來的次版本中添加支持。

<stong>重要提示：</stong>如果你的代碼使用injector.get(Token)，Token有靜態(tài)成員，那么你將遇到TypeScript的問題，返回的類型是｛｝而不是Token。你可以使用Injector.get<Token>(Token)來獲得爭取的返回值。

以上是“Angular5.1新功能的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞名稱：Angular5.1新功能的示例分析-創(chuàng)新互聯(lián)
URL地址：http://muchs.cn/article34/dspepe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站營銷、全網(wǎng)營銷推廣、網(wǎng)站改版、微信公眾號、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)