在Angular2如何通过npm安装lodash模块-创新互联

为了更好地在angular2 里面对JSON 数据进行处理。我们可以添加lodash模块来更加简便我们的工作

目前创新互联已为上1000+的企业提供了网站建设、域名、网站空间、网站托管、服务器托管、企业网站设计、果洛州网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

这里我简单介绍一下如何安装lodash 到angular2

前提：

01 这里默认已经安装了node.js。

02 默认typescript 版本>2.0 eg "typescript": "^2.0.3",

03 默认已经创建angular2 npm 架构的项目

1 通过npm 安装lodash.这里可以通过以下命令行来安装

$ npm i -g npm
$ npm i --save lodash
$ npm install --save @types/lodash //this is for typescript

安装完成后node_modules 文件夹多出一个lodash文件夹

2 在system.config.js 文件添加如下

map:{
...
,
'lodash': 'node_modules/lodash/lodash.js',

}

3 创建一个测试component 或者service 来引用这个lodash模块

import * as _ from 'lodash';

4测试lodash是否可以使用。我在ngOnInit()下调用lodash， 可以是否可以遍历数组

ngOnInit(){
            console.log('lodash version:', _.VERSION);
			this.logger.logger("test logger");
			var test = _.each([1,2,3,4],function(v){
				console.log(v);
			});
        }
	

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网页标题：在Angular2如何通过npm安装lodash模块-创新互联
URL地址：http://6mz.cn/article/ddscdc.html