溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

在Angular2 如何通過(guò)npm安裝lodash模塊

發(fā)布時(shí)間：2020-07-16 03:07:20 來(lái)源：網(wǎng)絡(luò) 閱讀：4134 作者：vjjy001 欄目：開(kāi)發(fā)技術(shù)

為了更好地在angular2 里面對(duì)JSON 數(shù)據(jù)進(jìn)行處理。我們可以添加lodash模塊來(lái)更加簡(jiǎn)便我們的工作

這里我簡(jiǎn)單介紹一下如何安裝lodash 到angular2

前提：

01 這里默認(rèn)已經(jīng)安裝了node.js。

02 默認(rèn)typescript 版本>2.0 eg "typescript": "^2.0.3",

03 默認(rèn)已經(jīng)創(chuàng)建angular2 npm 架構(gòu)的項(xiàng)目

在Angular2 如何通過(guò)npm安裝lodash模塊



1 通過(guò)npm 安裝lodash.這里可以通過(guò)以下命令行來(lái)安裝

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

安裝完成后node_modules 文件夾多出一個(gè)lodash文件夾


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

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

}


3 創(chuàng)建一個(gè)測(cè)試component 或者service 來(lái)引用這個(gè)lodash模塊

import * as _ from 'lodash';



4測(cè)試lodash是否可以使用。我在ngOnInit()下調(diào)用lodash， 可以是否可以遍歷數(shù)組

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


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手