在角中使用Lodash的方法

　　

如何Lodash是JavaScript很有名的包,尤其對於處理数组很有一套,角該如何使用Lodash呢& # 63;這也可以視為在角使用傳統JavaScript包的SOP。

　　

<强>版本

　　

节点。js 8.9.4

　　

角CLI 1.6.2 　　

角5.2.2 　　

<>强安裝Lodash

　　 　　 　　~/MyProject npm安装lodash美元——保存 　　 　　

使用npm安裝lodash。

　　

<>强安裝Lodash类型定義檔

　　 　　 　　~/MyProject npm美元安装@types/lodash——save-dev 　　 　　

傳統JavaScript並沒有型別,但打印稿是個強型別語言,除了型別外還有泛型,這該怎麼與傳統JavaScript搭配呢& # 63;

　　

打印稿的解決方案是另外使用* .d。ts,此為类型定義檔。

　　

一般來說,若是知名的JavaScript库,都已經有人維護类型定義檔,其包装的規則是@types/包。

　　

由於类型定義檔只是打印稿編譯使用,以此加上——save-dev。

　　 　　 　　tsconfig.json 　　{ 　　“compileOnSave”:假的, 　　" compilerOptions ": { 　　:“outDir。/dist/out-tsc”, 　　“sourceMap”:没错, 　　“宣言”:假的, 　　“moduleResolution”:“节点”, 　　“emitDecoratorMetadata”:没错, 　　“experimentalDecorators”:没错, 　　“目标”:“es5”, 　　“typeRoots”:( 　　“node_modules/@types” 　　), 　　“类型”:“lodash”, 　　“自由”:( 　　“es2017”, 　　“dom” 　　] 　　} 　　} 　　 　　之前 　　 　　14行

　　 　　 　　“类型”:“lodash”, 　　 　　

在typeRoots新增类型,在陣列中加入lodash,表示打印稿在編譯時會使用剛剛安裝的lodash类型定義檔。

　　 　　 　　进口Lodash 　　app.component.ts 　　进口{组件,> 　　进口* _从“lodash”; 　　 　　

載入lodash。

　　

因為lodash習慣以_使用,因此进口時特別取別名為_

　　

WebStorm對於角內建的API,都可以自動进口,但對於JavaScript的包,目前WebStorm還沒有辦法自動进口,需手動載入

　　15行

　　 　　 　　_。删除(得分,2); 　　 　　

陣列的移除元素一直是JavaScript比較麻煩的部分,透過lodash的删除(),可以很簡單的使用。

　　

<强>结论

　　

實務上若有角版本的包,當然優先使用,若遇到必須使用JavaScript包不可的場合,除了安裝包外,還要安裝类型定義檔,並且在tsconfig。json設定,如此才可以在角正確使用並通過編譯

　　

<强>

示例代码 　　

完整的範例可以在我的GitHub上找到

　　

　　

以上所述是小编给大家介绍的在角中使用Lodash的方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

在角中使用Lodash的方法