angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

zhichangterry 發布于2019-08-22 11:17 / 1390人閱讀

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現沒有作用的之前用創建工程直接安裝和，然后安裝他的類型描述文件。

??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用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"
],

云服務器 GPU云服務器使用遇到問題 js請求數據遇到的問題嗎布局遇到的問題學習遺傳算法遇到的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92116.html

angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現沒有作用的之前用創建工程直接安裝和，然后安裝他的類型描述文件。 ??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用ng-zorro，結果發現ng-zorro有點不符合要求，而且有點大，所以就用了layDate.js。在angular4引...

lylwyy2016 2019-08-01 18:13 評論0 收藏0
angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現沒有作用的之前用創建工程直接安裝和，然后安裝他的類型描述文件。 ??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用ng-zorro，結果發現ng-zorro有點不符合要求，而且有點大，所以就用了layDate.js。在angular4引...

cjie 2019-08-29 14:02 評論0 收藏0
Angular開山篇

摘要：環境搭建今天給大家介紹種環境搭建的方法。官方的地址步驟安裝種子文件沒有的，可以自己下來，然后打開，執行。使用版本為版本。存放表單相關內置組件與指令。存放網絡請求相關的服務等。等待加載完畢即可。從而實現了頁面的顯示 1：環境搭建今天給大家介紹4種環境搭建的方法。一：Angular-cli的安裝官方指導文檔：www.angular.cn/guide/quickstart 請使用cn...

Edison 2019-08-22 11:11 評論0 收藏0
Vue 2.x 實戰之后臺管理系統開發（一）

摘要：導語下文實戰之后臺管理系統開發二該文章將從頭到尾梳理我是如何使用開發一個后臺管理項目的，我會將自己遇到的問題貼出，希望可以幫助到其他人。構建項目框架準備對于大陸用戶，建議將的注冊表源設置為國內的鏡像，如淘寶鏡像，可以大幅提升安裝速度。 1. 導語下文：Vue 2.x 實戰之后臺管理系統開發（二）該文章將從頭到尾梳理我是如何使用 Vue 2 開發一個后臺管理項目的，我會將自己遇到的問...

darkbaby123 2019-08-20 16:49 評論0 收藏0
gulp和webpack入門介紹

摘要：介紹說明的包管理器，用于插件管理包括安裝卸載管理依賴等使用安裝插件命令提示符執行插件名稱。總結安裝新建文件全局和本地安裝安裝插件新建文件通過命令提示符運行任務。 showImg(https://segmentfault.com/img/remote/1460000010873466); 前言眾所周知目前比較火的工具就是gulp和webpack，但webpack和gulp卻有所不同，本...

hsluoyz 2019-08-20 18:58 評論0 收藏0