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"
],
複製代碼