破境Angular(二)Angular构件

发布时间:2019-06-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了破境Angular(二)Angular构件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、Angular构件
Angular的构件如下:
图片描述

1.模块是一个容器,用于存放代码块;可导入其他模块中导入的功能;导出指定的功能。
2.组件定义和控制屏幕上的一片区域,构成一个视图
3.服务是一个明确定义了用途的类,例如加密,鉴权
4.指令可用于控制视图中DOM树的展现以及数据绑定
5.管道的作用是做数据转换,例如转换货币单位,大小写。管道的功能也可以通过服务来实现,管道的写法更简洁,优雅,例如:{{name | UpPErcase}}。

二、Angular构件关系

Angular的构件关系如下:
图片描述

1.一个模块可以导入其他模块,也可以导出其他模块
2.模块包含组件,指令,管道,完成特定的功能
3.组件可以包含组件,组件嵌套构成一颗组件树
4.组件可以使用服务来处理特定的业务逻辑
5.组件代码由HTML模板,CSS样式代码和Type Script代码构成,展现一个视图
6.组件可使用指令来控制DOM树的展现和数据绑定
7.组件可使用管道做数据格式转换,例如数字精度转换,货币单位转换,大小写转换

.End

下期预告:【破境Angular(三)Angular构件之模块】

专题链接:
破境Angular(一)初识Angular


关注Java栈及其衍生技,通过实战经验分享,传播Java栈技术和提高Java栈开发效率。

破境Angular(二)Angular构件

脚本宝典总结

以上是脚本宝典为你收集整理的破境Angular(二)Angular构件全部内容,希望文章能够帮你解决破境Angular(二)Angular构件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。