浅谈angular架构(下)

前端之家收集整理的这篇文章主要介绍了浅谈angular架构(下)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

数据绑定

其为应用程序提供了一种简单而一致的方法显示数据以及数据交互。通过这种机制,可以从HTML中取值和赋值。@H_502_11@

其语法有4种:@H_502_11@


@H_502_11@

指令

Angular渲染Angular模板时,会根据指令对DOM进行修改@H_502_11@

@H_502_11@

<li *ngFor="let site of sites"></li>//*ngFor 告诉 Angular 为 sites 列表中的每个项生成一个 <li> 标签。
<site-detail*ngIf="selectedSite"></site-detail>//*ngIf 表示只有在选择的项存在时,才会包含 SiteDetail 组件。

服务

服务是封装了某一特定功能,并且可以通过注入的方式供他人使用的独立模块。@H_502_11@

举个栗子:多个组件中出现了重复代码,把重复代码提取到服务中实现代码复用。@H_502_11@

分类:日志服务、数据服务、消息总线、税款计算器、应用程序配置@H_502_11@

依赖注入

只解释一下这个词的意思吧。@H_502_11@

何为依赖?@H_502_11@

众所周知,我们在进行面向对象编程时,要想调用一个类A,需要先对其实例化。@H_502_11@

如果在写一个类时,过程中要调用到很多其他类,那工作量可以想象。这也就是“依赖”。@H_502_11@

依赖注入,把依赖注入到容器中。具体点就是:把类A放到IOC容器中,可以“解析”出这个类的实例。@H_502_11@

忽然想到一个东西:洗衣机甩桶~@H_502_11@

@H_502_11@

@H_502_11@

小结

与其说这是一篇总结,不如说这是一篇笔记。只是把学习资料从头到尾梳理了一遍,距离真正灵活使用还有一段距离。@H_502_11@

不过,所谓“吃馒头理论”,所以别急,慢慢会饱的。@H_502_11@ 原文链接:https://www.f2er.com/angularjs/145641.html

猜你在找的Angularjs相关文章