Loading [MathJax]/jax/input/TeX/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Angular应用中导入npm模块？

问如何在Angular应用中导入npm模块？
EN

Stack Overflow用户

提问于 2019-04-09 09:25:03

回答 4查看 105关注 0票数 1

我偶然发现了这个npm包，它根据我们的需求对数组进行分组。我需要在我的angular应用程序中使用这个包来分组我的数组。我应该如何将这些包导入到我的angular应用程序中。是否有其他模块存在于组数组中。https://www.npmjs.com/package/group-array#examples

腾讯云会员中心

加入腾讯云会员，每月可领会员专属优惠券；会员云产品免费体验；云产品会员专享价；会员签到抽奖…

EN

回答 4

Stack Overflow用户

发布于 2019-04-09 09:41:52

您应该使用ES6语法导入它示例：

import groupArray from 'group-array';

这是stackblitz demo

这正是用于导入angular模块的语法

票数 0

EN

Stack Overflow用户

发布于 2019-04-09 09:51:13

从'rxjs‘导入{ Observable}

由于类型跟随，ES6导入的syntex将在此处工作

票数 0

EN

Stack Overflow用户

发布于 2019-04-09 09:52:02

如果你使用的是typescript，那么

  import * as ga from "../../../../../node_modules/group-array"; //proper path to your node_modules/group-array

  arr = [
    {tag: 'one', content: 'A'},
    {tag: 'one', content: 'B'},
    {tag: 'two', content: 'C'},
    {tag: 'two', content: 'D'},
    {tag: 'three', content: 'E'},
    {tag: 'three', content: 'F'}
  ];  

  ngOnInit() {
    console.log(ga(this.arr, 'tag'));
  }

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55589384

复制

相关文章

使用typescript开发angular模块(发布npm包)

创建模块初始化package.json文件执行命名 npm init -y 会自动生成package.json文件如下，name默认为文件夹名称 { "name": "MZC-Ng-Api", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords"

易兒善

2018/08/21

1.3K0

使用typescript开发angular模块(发布npm包)

npm安装模块 npm 删除模块

npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录；【npm install -g xxx】利用npm安装全局模块xxx；【npm install xxx】安装但不写入package.json；【npm install xxx –save】安装并写入package.json的”dependencies”中；【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。 npm

meowrain

2021/04/22

2.3K0

模块化开发 Angular 应用 [含懒加载]

编程算法 javascript angularjs http

然后，我们将学习怎么使用我们的模块来启用延迟加载，从而使应用更小，使用户体验更好。

Jimmy_is_jimmy

2022/09/19

3.1K0

模块化开发 Angular 应用 [含懒加载]

Angular中ngCookies模块介绍

网络安全 angularjs 存储 api

1.Cookie介绍 Cookie总是保存在客户端中，按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过期时间，除非用户手工清理或到了过期时间，硬盘Cookie不会被删除，其存在时间是长期的。所以，按存在时间，可分为非持久Cookie和持久Cookie。主要因为HTTP协议无状态性，服务器需要知道用户在之前的页面做了哪些操作，所欲引入Cookie，是一种解决HT

八哥

2018/01/18

2.4K0

Angular中ngCookies模块介绍

npm卸载模块(nodejs原生模块npm)

npm javascript java https 网络安全

删除本地模块时你应该思考的问题：是否将在package.json上的相应依赖信息也消除？

全栈程序员站长

2022/07/25

1.8K0

【Python】模块导入 ② ( 模块导入语法 | 导入完整模块 | import 导入完整模块 | from 导入完整模块 )

python import 变量函数语法

该方法用于导入完整的模块 , 包括模块中的函数 / 变量 / 类 / 代码块等 ;

韩曙亮

2023/10/11

2490

【Python】模块导入 ② ( 模块导入语法 | 导入完整模块 | import 导入完整模块 | from 导入完整模块 )

【Python】模块导入 ③ ( 模块导入语法 | from 导入部分模块功能 | 为导入的模块设置别名 | import 导入模块设置别名 | from 导入模块设置别名 )

python import 函数异常语法

在导入模块时 , 有时不需要使用模块的完整功能 , 只需要导入指定的部分功能即可 , 这样也符合最少知识设计原则 ;

韩曙亮

2023/10/11

3120

【Python】模块导入 ③ ( 模块导入语法 | from 导入部分模块功能 | 为导入的模块设置别名 | import 导入模块设置别名 | from 导入模块设置别名 )

Python 导入模块中的类

在看代码时发现Python的导入类也可以用“.”的方式，很是惊奇，记录下来：如以下代码：其所在文件（模块）为test.py

用户7886150

2020/12/24

2.3K0

Angular系列教程-第五节

angularjs javascript npm bash

1.模块 NgModule 是一个带有 @NgModule 装饰器的类。 @NgModule 的参数是一个元数据对象，用于描述如何编译组件的模板，以及如何在运行时创建注入器。它会标出该模块自己的组件、指令和管道，通过 exports 属性公开其中的一部分，以便外部组件使用它们。 NgModule 还能把一些服务提供商添加到应用的依赖注入器中。 NgModule 的元数据会做这些：声明某些组件、指令和管道属于这个模块。公开其中的部分组件、指令和管道，以便其它模块中的组件模板中可以使用它们。导入其它带有组件、指令和管道的模块，这些模块中的元件都是本模块所需的。提供一些供应用中的其它组件使用的服务。每个 Angular 应用都至少有一个模块，也就是根模块。你可以引导那个模块，以启动该应用。

苦咖啡

2020/04/21

2.9K0

angular $resource模块

讲到使用$http同服务器进行通信，但是功能上比较简单，AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。

用户5640963

2019/07/25

8430

python中关于模块导入的模式

举例：只想导入time模块中的ctime、time两个方法，可以按照以下的格式导入：

Java学术趴

2022/07/15

1.6K0

python中关于模块导入的模式

【Python】模块导入 ① ( Python 模块简介 | 模块概念 | 模块作用 | 模块特点 | 常见的 Python 模块 | Python 模块导入 | Python 模块导入语法 )

python 变量对象函数语法

Python 模块就是一个以 .py 为后缀的 Python 代码文件 , 在模块中定义有 :

韩曙亮

2023/10/11

2610

npm 模块的制作

javascript npm github git 开源

运行上面的命令，npm 将从repository中提取模块到“node_modules” 文件夹中，前端如果是使用webpack构建项目的话，我们就可以使用es6 import直接导入模块使用，如下：

用户1065635

2019/03/21

7720

【npm】详解npm的模块安装机制

啦啦啦321

2018/01/03

1.8K0

【npm】详解npm的模块安装机制

Angular性能优化实践——巧用第三方组件和懒加载技术

网站 angularjs npm typescript

应该有很多人都抱怨过 Angular 应用的性能问题。其实，在搭建Angular项目时，通过使用打包、懒加载、变化检测策略和缓存技术，再辅助第三方组件，便可有效提升项目性能。

葡萄城控件

2021/03/02

4.1K0

Angular性能优化实践——巧用第三方组件和懒加载技术

python模块导入

python gcc 编程算法

[seemmo@RegionServer1 duwen]$ python Python 2.6.6 (r266:84292, Nov 22 2013, 12:16:22) [GCC 4.4.7 20120313 (Red Hat 4.4.7-4)] on linux2 Type "help", "copyright", "credits" or "license" for more information.

py3study

2020/01/14

1.5K0

Angular 2 模块（Modules）

Angular 应用是模块化的，Angular 有自己的模块系统，叫做 Angular 模块 or NgModules。模块 . 每个 Angular 应用至少有一个模块——根模块，通常叫做

孙亖

2018/06/06

8880

模块的导入

python sql 编程算法

假设有两个模块xmlreader.py和csvreader.py，它们都定义了函数read_data(filename):用来从文件中读取一些数据，但采用不同的输入格式。可以编写代码来选择性地挑选读取模块，例如

py3study

2020/01/21

1K0

Python 导入模块

python 编程算法

✅作者简介：人工智能专业本科在读，喜欢计算机与编程，写博客记录自己的学习历程。 🍎个人主页：小嗷犬的博客 🍊个人信条：为天地立心，为生民立命，为往圣继绝学，为万世开太平。 🥭本文内容：Python 导入模块更多内容请见👇 Python 入门基础专栏 Python 字符串 Python 常用字符串方法 ---- Python 导入模块 1.import 模块名 2.import 模块名 as 名称缩写 3.import 模块名.子模块名 as 名称缩写 4.from 模块名 import 函

小嗷犬

2022/11/15

1.3K0

点击加载更多

相似问题

从npm包导入Angular模块

122

允许直接导入npm模块中的文件，如送交

22

从NPM导入Angular2模块(Googleapis)

20

在Angular2中导入外部npm模块

10

如何在angular4中导入具有连字符的npm模块

20

活动推荐

即时通信IM，低门槛快速接入

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例