Angular开发(五)-关于组件的基本认识

在第二章的时候就介绍了Angular是由组件组成的；

组件与模板之间的数据传输(属性绑定和事件绑定)；

组件与组件之间的切换是通过路由实现的；

依赖注入服务到组件中；

组件可以概括的说属于指令里面的一个自定义指令；

一、利用

angular-cli

新建一个组件

ng g component componentName

说明:

1、在新增的组件会自动创建4个文件分别为

:name.component.css、name.component.html、name.component.ts、name.component.spec.ts

,我们只关心前面三个文件；

2、新增的组件会自动挂载在跟模块里面的模块试图里面

@NgModule({
declarations: [
],

3、在别的组件中使用刚刚创建的组件

<app-componentName></app-componentName>

。新增组件的文件结构



4、在组件中依赖注入服务

LoggerService

是自己创建的服务