Angular 2导入第三方库
Angular 2是一种流行的前端开发框架，它允许开发人员构建高性能、可扩展的Web应用程序。在Angular 2中，导入第三方库是一个常见的需求，可以通过以下步骤实现：
- 安装第三方库：首先，需要使用npm（Node Package Manager）或者yarn来安装所需的第三方库。例如，如果要导入lodash库，可以运行以下命令：npm install lodash或者yarn add lodash
- 导入库：在需要使用第三方库的组件或服务中，可以使用import语句将其导入。例如，导入lodash库的方式如下：import * as _ from 'lodash';这将把整个lodash库导入，并将其命名为_，以便在组件中使用。
- 使用第三方库：一旦导入了第三方库，就可以在组件中使用它的功能。例如，使用lodash库的示例代码如下：const result = _.chunk([1, 2, 3, 4, 5], 2); console.log(result); // Output: [[1, 2], [3, 4], [5]]这里使用了lodash库的chunk函数将数组分割成指定大小的块。
需要注意的是，每个第三方库可能有不同的导入方式和使用方法，具体的导入方式和使用方法可以参考该库的官方文档或者相关资源。
在腾讯云的生态系统中，也有一些相关的产品和服务可以与Angular 2一起使用。例如，可以使用腾讯云的云函数（SCF）来部署和运行基于Angular 2的应用程序，使用腾讯云的对象存储（COS）来存储和管理应用程序的静态资源，使用腾讯云的CDN加速服务来提供快速的内容分发等。具体的产品和服务选择可以根据具体需求和场景进行评估和选择。
腾讯云云函数（SCF）产品介绍：https://cloud.tencent.com/product/scf
腾讯云对象存储（COS）产品介绍：https://cloud.tencent.com/product/cos
腾讯云CDN产品介绍：https://cloud.tencent.com/product/cdn
相关·内容
1回答
Angular 6-如何向vendor.js添加另一个库
angular
在angular 6.1上使用'ng new‘命令创建了一个新的Angular项目。如何将另一个库添加到vendor.js中，例如bootstrap？
浏览 9提问于2018-08-26得票数 0
1回答
在角库中向角属性方向内注入第三方分量
angularjs、angularjs-directive、angular-library
我创建了一个角库，然后在库中创建了一个属性指令，被主应用程序用来将数据绑定到第三方组件的属性。/column-binding.directive';import { DropDownsModule} from '@progress/kendo-angular-dropdowns';
import { GridModule } from '
浏览 0提问于2018-09-26得票数 0
回答已采纳
0回答
Angular 2导入第三方库
node.js、angular、npm
我尝试导入第三方库synaptic。库是用java脚本编写的，我有.d.ts文件。我这样做了: npm install synaptic --save npm install @types/synaptic --save
从我的组件中的' synaptic‘导入*作为synaptic
浏览 9提问于2017-06-16得票数 1
1回答
如何在离子2中使用第三方javascript库(pixijs)？
angular、ionic2、pixi.js
嗨，我对angular2和Ionic Framework都很陌生，我都是用最新版本ionic2.和Angular JS来学习的。我想在我的应用程序中使用(2D webGL renderer)，但我不知道如何在Ionic2应用程序中添加第三方javascript库。以下是我尝试过的：
npm install pixi --save
import {PIXI} f
浏览 12提问于2016-04-27得票数 2
回答已采纳
1回答
在angular2 cli中导入css
css、angular、bootstrap-modal、font-awesome、sweetalert
当我们尝试在角2 cli中导入第三方库时，我们使用这个， return new Angular2App(defaults, {
浏览 3提问于2016-06-23得票数 1
回答已采纳
1回答
Angular2 Google Maps events -> UI更改被延迟了，为什么？
google-maps、user-interface、angular、google-maps-api-3
我有一个Angluar2应用程序，其中包括谷歌地图JS。我像这样加载Google Maps：
<script src="https://maps.googleapis.com/maps/api/js?
浏览 4提问于2017-01-03得票数 1
1回答
Angular Library不能在捆绑包中包含第三方库
angular、webpack-4、angular-library、ng-build、angular-cli-v7
我的要求是创建有自己的视图的库，根据用户的配置，库将从亚马逊S3存储桶中获取，并在运行时包含在最终的应用程序中。See this example。但是，当我尝试使用uuid、moment或ng2-dragula等第三方库时，ng build命令在最终包中没有包含任何第三方库。'ng2-dragula 我想要的是在最终包中包含我使用的任何第三方库，因为我无法在运行时安装/导入它们。
浏览 39提问于2019-03-14得票数 3
2回答
ngrx/effects switchMap在Angular2 RC5中不再有效
angular、ngrx
我在我的Angular2应用程序中使用了ngrx/effects，自从RC5发布以来，我就收到了错误。这是我的代码：import { Effect, Actions } from '@ngrx/effects';this.loginService.loadUserData())
.map(user => this.userActions.loadUserComplete(u
浏览 6提问于2016-08-16得票数 4
回答已采纳
0回答
Angular2 -导入第三方模块
angular
我正在尝试将phoenix_js NPM模块导入到我的Angular2应用程序中(使用Angular2命令行界面启动)，但收到错误Cannot find module 'phoenix_js'。我见过很多人面临着在CLI启动的项目中导入第三方模块的问题，但他们都不适合我-我的文件结构似乎与其他人的不同……
对于初学者，我的Angular2 CLI版本是1.0.0-beta.22-1，我正在尝试将其导入</e
浏览 7提问于2016-12-24得票数 1
回答已采纳
3回答
角2+离子2:如何改变控制器中的日期格式？
angularjs、sqlite、angular、ionic2、typescript2.0
我从sqlite数据库得到了循环中的日期。格式类似于“2017年2月1日凌晨21:54:24格林尼治时间-0200”。但我想把它改为'dd/MM/yyyy‘。结果代码：
import { NavControlle
浏览 4提问于2017-02-02得票数 1
回答已采纳
1回答
使用Webpack捆绑后，App的外观和行为都有所不同
angular、webpack、systemjs、angular2-cli
最近，我使用最新版本的Angular2-CLI将我的Angular2项目从SystemJS迁移到了Webpack。项目文件几乎没有更改，只对Angular2代码进行了很小的更改，以使项目适应新的环境。
但是，现在当我使用CLI捆绑并运行它时，我在页面设计上遇到了一些奇怪的行为。
浏览 3提问于2016-10-06得票数 0
2回答
如何在柱塞上构建一个角度项目(包括第三方库)
angular、plunker
我遇到了angular的麻烦，所以我想在Plunker上构建一个简单的角度项目来寻求帮助。我只创建了一个新的Plunk，但是我不知道如何将包含到这个Plunk的第三方库中，例如angular2-notification。
浏览 5提问于2017-09-13得票数 1
回答已采纳
1回答
Axios和Angular
angular、rest、axios
尝试弄清楚如何在Angular cli中导入和使用axios，基础脚手架。我找到了这个import { Component } from '@angular/core';
import { Injectable } from '@angular</
浏览 0提问于2017-11-03得票数 13
回答已采纳
1回答
在我的Angular CLI应用程序中使用MDC组件
angular、material-design
我已经克隆并快速启动了angular-cli。我正在尝试在其中使用材料设计web组件。div></div>
我已经在我的app.module.ts中从@material/checkbox导入了MDCCheckbox, MDCCheckboxFoundation，并将它们添加到我的导入列表中。
浏览 0提问于2017-05-31得票数 1
1回答
我可以在angular7中使用gsap、parallax.js吗？
angular7、gsap、parallax.js
我是angular的新手，我计划用angular7创建一个带有parallax.js和gsap tweenmax效果的网站。我想知道我在哪里可以得到一些关于这个的参考资料。
浏览 5提问于2019-04-02得票数 0
1回答
错误序列化:找不到名称“TS2304”
angular、angular5
我上了一节课：import { Injectable } from '@angular/core';
import { Company } from '.
浏览 1提问于2018-01-10得票数 0
1回答
JHipster:我不能添加像'angular-2-dropdown-multiselect‘这样的第三方依赖项
spring-boot、angular5、jhipster
我在Jhipster part中添加了angular2-dropdown-multiselect。它不能像angular2-dropdwon-multi或ngx-treeview那样完美地工作，我已经添加了依赖项，使用然后，我将其添加到app.module.ts中
import { AngularMultiSelectModule } from 'angular
浏览 1提问于2018-05-16得票数 1
1回答
在捆绑w/ Webpack和打字稿时忽略供应商的进口
angularjs、typescript、webpack、es6-modules
当我使用Webpack的时候，我不会忽视像角一样的第三方小人，因为我会自己提供他们。我有以下条目index.ts：angular 'ui.router'这包括我的包中的整个角库，我不想要。如果我删除导入，并依赖于对角的键入，则会得到以下错误：
错误TS2686：“角”指的是UMD全局，但当前文
浏览 10提问于2016-11-01得票数 0
回答已采纳
2回答
如何用ASP.NET在VisualStudio2017中用SpaTemplates添加字体
angular、asp.net-core、font-awesome、visual-studio-2017
我正在使用VisualStudio2017中的单页应用程序模板来创建一个角2应用程序。dotnet new --install Microsoft.AspNetCore.SpaTemplates::*dotnet new angular
什么是推荐的方式导入第三方库，如字体可怕的角2应用程序？
浏览 4提问于2017-05-19得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
