码迷,mamicode.com
首页 > Web开发 > 详细

angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题

时间:2019-12-31 18:30:50      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:let   scripts   文件   一个   类型   angular4   declare   ice   cnpm   

??由于项目需要一个选择年月日,选择时分秒和选择时见间隔的插件,本来打算用ng-zorro,结果发现ng-zorro有点不符合要求,而且有点大,所以就用了layDate.js。

在angular4引入layDate.js

1:将layDate.js下载下来(layDate.js原谅没看可以使用npm安装),将那些js,css放入assets这个目录里面。

2:在angular-cli里面引入layDate.js

"scripts": [
    "../src/assets/laydate.js"
],

3:这是感觉已经可以了,不,laydate这个关键字angular是不认识的。你要用declare 声明这个关键字

declare let laydate;

4:这样就可以在angular4中使用laydate.js了

let self = this;
// 年月日
laydate.render({
  elem: ‘#time‘, //指定元素
  theme: ‘#ff7e00‘,
  done: function(value, date, endDate){
    self.year = value;
  }
});

cnpm使用boosttrap出现没有作用的

??之前用npm创建angular4工程直接npm install安装bootstrap和jquery,然后安装他的@types类型描述文件。在angular-cli中引入就可以了。

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css"

],
    "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js",
]

但是cnpm完全没有效果,带着疑问到处查找,最后发现cnpm生成下拉bootstrap包的路径是这样_bootstrap@3.3.7@bootstrap,然后改下路径就可以了,如下:

"styles": [
   
    "../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.css"
],
    "scripts": [
    "../node_modules/_jquery@3.2.1@jquery/dist/jquery.js",
    "../node_modules/_bootstrap@3.3.7@bootstrap/dist/js/bootstrap.js"
],

angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题

标签:let   scripts   文件   一个   类型   angular4   declare   ice   cnpm   

原文地址:https://www.cnblogs.com/jlfw/p/12126268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!