angular-cli 项目如何引入jQuery 或者bootstrap?

摘要:
1.首先确保你的node_module中安装了jquery或者bootstrap,如果没有执行以下命令npminstalljquery--save-dev2.打开angular-cli.json文件夹,在scripts:[]属性中添加如下代码//jQuery文件或者bootstrap文件路径"../node_modules/jquery/dist/jquery.min.js","../node_m

1. 首先确保你的node_module中安装了jquery 或者 bootstrap,如果没有

执行以下命令

npm install jquery --save-dev

2. 打开angular-cli.json文件夹,在scripts:[]属性中添加如下代码

//jQuery 文件或者 bootstrap 文件路径

"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"

3. 如果需要引用全局jquery 或者bootstrap样式,则做如下操作

//找到style.css文件 写入全局样式
//或者做如下引入

/***导入需要的bootstrap文件***/@import "~bootstrap/dist/css/bootstrap.min.css";

4. 在typing.d.ts文件中声明模块儿

/*SystemJS module definition */declare varmodule: NodeModule;
declare varJQuery: any;
declare varjQuery: any;
declare var $: any;

5. 以上配置完成后,jquer 或者bootstrap 就可以正常使用了

免责声明:文章转载自《angular-cli 项目如何引入jQuery 或者bootstrap?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Qt Base64 编解码工具Intel Core Microarchitecture Pipeline下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

nodejs 异步之 Timer &Tick; 篇

nodejs 异步之 Timer &Tick; 篇 - CNode nodejs 异步之 Timer &Tick; 篇 Timer: 在前端开发中,我们 经常会使用setTimeout 函数组,这组函数其实不属于语言标准,他们只是extentsion ,在浏览器中,他们属于 BOM(浏览器对象扩展),即它的确切定义为:window....

给Jquery动态添加的元素添加事件

给Jquery动态添加的元素添加事件 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件。 js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末...

nodeJS从入门到进阶二(网络部分)

一、网络服务器 1、http状态码 1xx: 表示普通请求,没有特殊含义 2xx:请求成功 200:请求成功 3xx:表示重定向 301 永久重定向 302 临时重定向 303 使用缓存(服务器没有更新过) 4xx:无法访问 403:无法访问 404:资源找不到 5xx:服务器有错 500:服务器代码有错 502:网关或代理服务器出错 503:服...

jQuery Easing动画效果扩展插件

jQuery Easing动画效果扩展插件:jQuery Easing Plugin。在jQuery文档中我们可以看到,自定义动画函数.animate()有四个参数: params (Options) : 一组包含作为动画属性和终值的样式属性和及其值的集合 duration (String,Number) : (可选) 三种预定速度之一的字符串(”slow...

轮播图3D效果--roundabout(兼容IE8)升级版

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;...

jQuery积累:serialize()、stringify()、toJSON()

*)表单serialize()序列化,和serializeArray() ##)应用场景 当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值。然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台。 但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就...