首页 >

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

web前端|js教程angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情
angular.js,angular5,angualr
web前端-js教程
package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是Angular自带的,存放在node_modules目录中。
php程序域名授权源码,vscode中添加文件夹,ubuntu界面图片,tomcat生产商,网吧爬虫数据,ajax php怎么写,厦门百度seo优化推广lzw
需要注意的是:
package.json中有dependencies对象和devDependencies。
devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。
国外手机网站源码,vscode快捷设置,ubuntu 15,tomcat连接查看,sqlite创建时调用方法,dedecms怎么安装插件,前端目前用的最多的框架,厕所褐色爬虫怎么消灭视频,php cookie域名,北京seo全网推广,3m平台官方网站登陆,php 网页模版,旅游网站模板文章lzw
angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情
消费返利系统源码,远程关机 ubuntu,tomcat无法编译文件,python爬虫感受,字符php,乐亭服务好的seo优化收费标准lzw
添加依赖有2种方法:
npm install name –save 就是将要安装的依赖写到package.json的dependencies 对象中去
npm install name –save-dev是将要安装的依赖写到package.json的devDependencies 对象中去

下面以minirefresh添加到angular环境中为例子。(想看更多就到PHP中文网angularjs学习手册中学习)

通过结果可以看到:

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

可以看到,一开始dependencies中是没有minirefresh 的,通过 npm install minirefresh –save命令会自动下载minirefresh 并添加到dependencies中。然后我们会发现node_modules目录中就有minirefresh 的包了。

1、styles中就是我们要引入的css2、scripts中就是我们要引入的js

配置如图:

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

配置如图:

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

jQuery的添加
A、npm install jquery –save / –save–dev

B、修改angular-cli.json文件:
“scripts”: [“../node_modules/jquery/dist/jquery.min.js”]

C、安装类型描述文件
Angular以TypeScript语言作为默认编码语言,而jquery本质是javascript,TypeScript是不能直接使用的。
完成上面的步骤后,这时我们还不能直接使用jquery,还需要先安装类型描述文件,让TypeScript认识jquery。
即执行:
npm install @types/jquery –save-dev

D、在app.module引入jquery文件,要加上jquery模块
即在app.module.ts文件添加import * as $ from ‘jquery’;

angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情

好了,


angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情
  • Angular5路由传参使用详解
  • Angular5路由传参使用详解 | Angular5路由传参使用详解 ...

    angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情
  • 怎么解决Angular5升级RxJS到5.5.3报错问题
  • 怎么解决Angular5升级RxJS到5.5.3报错问题 | 怎么解决Angular5升级RxJS到5.5.3报错问题 ...

    angularjs如何调用jQuery添加?Angular5中调用第三方库及jQuery的添加详情
  • 怎样操作Angular5路由传参
  • 怎样操作Angular5路由传参 | 怎样操作Angular5路由传参 ...