1. 程式人生 > >【Angular】Angular開發元件

【Angular】Angular開發元件

使用Angular開發元件的全部過程如下:

一:新建元件

在命令列輸入: ng g component 元件名

新生成的元件,在src的app裡面


在app.module.ts檔案的裝飾器下,自動聲明瞭剛才新新增的元件


二、應用元件

可以在app.component.html裡面,應用新建立的元件


三、編輯元件裡面的html、css等樣式

這裡面編寫的html就很簡單了,這裡就不贅述了

四、如果元件裡面html不寫內容的話,顯示的介面如下