首先运行创建组件的命令
ng g component components/news 这样就会在app下生成一个components文件夹,在components下面生成了news组件
新建好以后它会自动在app.module.ts中，引入并声明这个组件
import {NewsComponent} from './components/news/news.component';
引入(又称为注册这个组件)：
@NgModule({
declarations:[
NewsComponent
],
})
在其他地方使用这个组件的话，需要先找到它的名字
例： <app-news></app-news>

 

讲解组件：
组件由html,scss,ts组成
如何将业务逻辑里ts的数据绑定到html模板上

怎么声明数据呢？ 在ts文件中声明 public title='我是新闻组件'（这个是再constructor上面写的）
然后放到HTML中显示 花括号绑定数据 {{title}}
推荐使用方式： public student:any = '我是一个学生的属性'

声明属性的几种方式：
public 公有（默认） 可以在这个类里面使用，也可以在类外面使用
protected 保护类型 它只有在当前类和它的子类里面可以访问
private 私有 只有在当前类才可以访问这个属性 x

声明一个对象：
public userinfo:object={
username:"张三",
age:'20'
}
接下来前台渲染对象 {{userinfo.username}}

双重循环：
<ul>
<li *ngFor="let item of cars">
<h2>{{item.cate}}</h2>
<ol>
<li *ngFor="let car of item.list">
{{cra.title}}--{{car.price}}
</li>
</ol>
</li>
</ul>