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

  因为项目须要一个选择年月日，选择时分秒和选择时见间隔的插件，原本打算用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"
],
复制代码