Angular 4.0 使用第三方类库

简介:

使用第三方类库分为以下几步

1. 将第三方类库安装到本地

1) Jquery的命令 npm install jquery --save

2) 安装bootstrap

安装成功后,将文件下载到node_modules文件夹中,在package.json文件中多了这两个依赖

 

 

2. 将库引到项目中

在angular-cli.json文件中引入

 

3. 安装Jquery和bootstrap的类型描述文件

目的是typescript的代码认识jquery和bootstrap

安装jquery类型描述文件

安装bootstrap类型描述文件

 

 



本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7211634.html,如需转载请自行联系原作者

目录
相关文章
|
前端开发 JavaScript
angular集成第三方插件
Simply install your library via npm install lib-name --save and import it in your code.
867 0
|
JavaScript 程序员 开发工具
angular2如何使用第三方js库
angular2官方推荐用typescript来编写相关应用,而且本人亲身实践后深深爱上了typescript,它对于后端程序员来说简直是0成本学习。但是很多前端第三方库都没有提供ts的版本,因此在开发中不可避免的会出现需要整合第三方js库的情况。
1299 0
|
2月前
|
存储 前端开发 API
浅谈 Angular 应用前端消息显示机制的一个实际需求
浅谈 Angular 应用前端消息显示机制的一个实际需求
|
2月前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
Angular 应用里异步打开对话框的技术实现
Angular 应用里异步打开对话框的技术实现
|
2月前
|
JavaScript 前端开发 架构师
Angular进阶:理解RxJS在Angular应用中的高效运用
RxJS(Reactive Extensions for JavaScript)是JavaScript的一个响应式编程库,特别适用于处理异步数据流。
43 0
|
2月前
|
JavaScript 前端开发
Angular.js 应用中数据模式的删除操作实现
Angular.js 应用中数据模式的删除操作实现
|
2月前
|
存储 JavaScript 前端开发
Angular 应用 node_modules 子文件夹 @types 的作用介绍
Angular 应用 node_modules 子文件夹 @types 的作用介绍
|
1月前
|
JavaScript 前端开发 开发者
Angular框架:企业级Web应用的强大后盾
Angular,谷歌支持的JavaScript框架,因其组件化架构、双向数据绑定、依赖注入和路由系统,成为企业级Web开发首选。组件化促进代码重用,如`AppComponent`示例。双向数据绑定简化DOM操作,减少手动工作。依赖注入通过示例展示易管理依赖,提升测试性。路由则支持SPA开发,平滑页面过渡。Angular的特性增强了开发效率和应用质量,使其在Web开发领域保持领先地位。【6月更文挑战第25天】
29 2
|
2月前
|
前端开发 JavaScript 测试技术
使用Angular构建高效单页应用的实践指南
【5月更文挑战第21天】本文是使用Angular构建高效单页应用的实践指南,涵盖了Angular框架简介、SPA构建步骤和最佳实践。首先,Angular是基于TypeScript的前端框架,提供声明式模板、组件化和路由管理等功能。构建SPA包括环境搭建、创建组件、编写路由、数据绑定和交互,以及构建和部署。实践中,应遵循Angular风格指南,使用Angular Material UI库,实现服务端渲染,并进行性能优化和测试,以提升应用性能和用户体验。