Angular Elements

標籤 (共 2 篇文章)

Standalone Components 下如何使用 Angular Elements

Angular 15 之後推出了全新的 Standalone Components 開發方式,擺脫傳統 NgModule 的束縛,讓我們能打造出更輕更快的 Angular 元件以及應用程式。未來極有可能會變成 Angular 開發的主流,而 Angular Elements 則可以幫我們把 Angular 的應用程式打包成符合 W3C 標準的 Web Components,可惜的是目前 Angular 文件還沒有特別針對 Standalone Components 如何使用 Angular Elements 特別做說明,這篇文章就來介紹一下如何將 Angular 的 Standalone 轉換成 Web Components。

繼續閱讀
[Angular 進階議題] Angular Elements 簡介

Angular 6正式推出了Angular Elements的功能,讓我們可以將Angular元件轉換成標準的Custom Elements功能,在任何其他的HTML頁面中使用,這代表著Angular的應用範圍可以延伸到各種web應用去了!就算團隊中習慣用的是jQuery,我們也能夠把複雜的功能專換成Custom Elements,並且直接用在使用jQuery或其他靜態網站中,非常的方便!!

今天我們就來簡單看看如何使用Angular Elements,以及實際把它運用到一般的HTML頁面,來學習理解Angular Elements的強大吧。

繼續閱讀