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

2019独角兽企业重金招聘Python工程师标准>>>

• 在第二章的时候就介绍了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是自己创建的服务 

 

转载于:https://my.oschina.net/feanlau/blog/1525111