Angular开发(五)-关于组件的基本认识
来源:互联网 发布:php cookie 路径 编辑:程序博客网 时间:2024/06/05 17:49
- 在第二章的时候就介绍了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
是自己创建的服务
0 0
- Angular开发(五)-关于组件的基本认识
- Angular开发(八)-关于表单的基本认识
- Angular开发(十)-关于表单的基本认识
- Angular开发(十八)-路由的基本认识
- Angular开发(十三)-服务的基本认识及利用服务实现组件间的通信
- Angular开发(九)-关于响应式基本认识
- Angular开发(七)-关于组件的生命周期
- Angular开发(六)-关于组件之间的数据交互
- Angular开发(十五)-关于父子组件中投影的介绍
- Angular开发-关于组件之间的数据交互
- 关于递归的基本认识
- 关于runtime的基本认识
- 关于linux的基本认识
- 4.认识Angular组件之2
- Android应用程序的五大基本组件
- Android应用程序的五大基本组件
- Android的五大基本组件
- Android应用程序的五大基本组件
- 一:《方田》-- 7
- 【LeetCode21】【Merge Two Sorted Lists】递归实现
- 04 函数重载
- 尽量避免这种 某个section 的 item不为0 但是item高度为0的情况
- 分布式事务?No, 最终一致性
- Angular开发(五)-关于组件的基本认识
- IL指令详细
- 2440超详细uboot移植笔记(十二)------移植网卡驱动
- JQuery Notes
- There are currently 0 running soapUI MockServices的问题
- 负能量收集
- Maven项目pom.xml文件报错“ ArtifactDescriptorException: Failed to read artifact descriptor for ...”解决方法
- Kubernetes 1.6新特性学习:RBAC授权
- javascript与ECMAScript、DOM、BOM的关系