前言

在順昌等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都全網(wǎng)營銷推廣,外貿(mào)營銷網(wǎng)站建設(shè),順昌網(wǎng)站建設(shè)費(fèi)用合理。

為了在我的編輯器中使用 Angular，我用 Angular 編寫了一個重命名功能。而為了使用它，我得再次使用一次 customEvent ，而在這個微前端架構(gòu)的系統(tǒng)中，其事件通訊機(jī)制已經(jīng)相當(dāng)?shù)膹?fù)雜。在這部分的代碼進(jìn)一步惡化之前，我得嘗試有沒有別的方式。于是，我想到了之前在其它組件中使用的 Web Components 技術(shù)，而 Angular 6 正好可以支持。

下面話不多說了，來一起看看詳細(xì)的介紹吧

HTML 中引入 Web Components

我所需要做的事情也相當(dāng)?shù)暮唵?，只需要將我的組件注冊為一個 customElements，稍微改一下 app.module.ts 文件。在這種情況之下，我們就可以構(gòu)建出獨(dú)立于框架的組件。

如下是原始的 module 文件：

@NgModule({
 declarations: [AppComponent],
 imports: [BrowserModule],
 bootstrap: [AppComponent]
})
export class AppModule { }

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

標(biāo)題名稱：React中如何引入Angular組件詳解-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/jddgj.html