組件存放在根組件中? ? ? 鏈接：https://cli.angular.io/
一般我們要自定義的組件，會在單獨的存放一個文件夾中 例如：components文件夾
方法一? .在app文件夾中新建components文件夾惕稻，
方法二?使用命令ng g 來創(chuàng)建
1）cd到項目中
2）輸入ng? g 會出現(xiàn)一些提示
3）ng g component? components / news(新建一個news組件)
引用組件：
需要使用此組件竖共，則需要在根組件中進(jìn)行引用之后才可以使用
方式一，如果你是手動添加進(jìn)去的俺祠，如需要在app_module.ts（根組件）中引用才可以
例如：新建一個news組件
在app.module.ts中 引用 import { newComponent }from './components/news/news.component'
@NgModule中配置（{
declarations：[newsComponent] 添加進(jìn)去
}）
方式二：如果是命令添加進(jìn)去的公给，只需要去根組件中進(jìn)行查看借帘，是否添加了（一般都會自動添加，無需在進(jìn)行添加）
查看新建組件的名字（類似html的標(biāo)簽）淌铐，引入的時候需要使用
查看組件的名字：
在news.component.ts組件中的@Component({})中的selector后接的就是組件名：
@Component （{
selector：‘組件名’, 例如組件名是app-news
templatenUrl:'',
styleUrls[]
}）
如果在根組件中引用news組件,則在app.component.html中使用
<app-news></app-news>
頁面的內(nèi)容還是需要寫在對應(yīng)組件中肺然，也就是說寫在news,component.html中
然后輸入命令 ng serve --open 運行頁面
