标签：alt alert ... mod tab table ima center images
说明：下表仅作技术选择的参考，红色部分是容易出错的，或者难点。
| toaster | sweetAlert | modal | |
| package.json依赖 | "angular2-toaster": "4.0.1" | "sweetalert2": "6.6.8" |
"ngx-bootstrap": "1.9.3" |
| Ts引入方式 | import {ToasterService} from ‘angular2-toaster‘; | import swal from ‘sweetalert2‘; |
import {BsModalRef, BsModalService} from "ngx-bootstrap"; |
| 注入成员变量 | private toasterService: ToasterService; | 无 |
private modalService: BsModalService |
| 使用范例 | this.toasterService.pop({type: "success", body: "操作成功！"}); |
swal({ showCancelButton: true, confirmButtonText: ‘确定‘, ...//取消操作 |
let bsModalRef:BsModalRef=this.modalService.show( let view:MyComponent=bsModalRef.content; 接下来可以通过view操作其暴露的方法和变量了！ |
前端一直没有一个像maven这样优秀的依赖管理工具，但npm升级到3后，一切都变了。
如果A模块依赖了C，B模块也依赖了C，升级前后的变化如下：
变化的优势很明显，npm一直被诟病的node-moduls变轻了很多。
原来的问题是源于nodejs项目的一个机制：将src目录作为项目的根目录，而将node-modules目录添加到项目的环境变量（代码中直接访问依赖的特性模块）。问题来了，每一个特性模块都是一个独立的node项目，都有自己独立的依赖和环境变量，相互之间是互不干扰的，所以必然要在自己的node-modules中添加自己的所有依赖包，这就是依赖爆炸式增长的原因。
现在看一下项目的node-modules结构，特性模块中的node-modules不见了，项目只有一个node-modules就是根项目！
（未完 待续）
angular2下的三种弹框（toaster sweetAlert modal) 及 特性模块间的依赖关系
标签：alt alert ... mod tab table ima center images
原文地址：http://www.cnblogs.com/zhwc-5w4/p/7751210.html
