angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問(wèn)題

cjie 發(fā)布于2019-08-29 14:02 / 1475人閱讀

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

??由于項(xiàng)目需要一個(gè)選擇年月日，選擇時(shí)分秒和選擇時(shí)見(jiàn)間隔的插件，本來(lái)打算用ng-zorro，結(jié)果發(fā)現(xiàn)ng-zorro有點(diǎn)不符合要求，而且有點(diǎn)大，所以就用了layDate.js。

在angular4引入layDate.js

1：將layDate.js下載下來(lái)（layDate.js原諒沒(méi)看可以使用npm安裝），將那些js，css放入assets這個(gè)目錄里面。

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

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

3：這是感覺(jué)已經(jīng)可以了，不，laydate這個(gè)關(guān)鍵字angular是不認(rèn)識(shí)的。你要用declare 聲明這個(gè)關(guān)鍵字

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出現(xiàn)沒(méi)有作用的

??之前用npm創(chuàng)建angular4工程直接npm install安裝bootstrap和jquery，然后安裝他的@types類(lèi)型描述文件。在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完全沒(méi)有效果，帶著疑問(wèn)到處查找，最后發(fā)現(xiàn)cnpm生成下拉bootstrap包的路徑是這樣[email protected]@bootstrap,然后改下路徑就可以了，如下：

"styles": [
   
    "../node_modules/[email protected]@bootstrap/dist/css/bootstrap.css"
],
    "scripts": [
    "../node_modules/[email protected]@jquery/dist/jquery.js",
    "../node_modules/[email protected]@bootstrap/dist/js/bootstrap.js"
],

GPU云服務(wù)器云服務(wù)器使用遇到問(wèn)題 js請(qǐng)求數(shù)據(jù)遇到的問(wèn)題嗎布局遇到的問(wèn)題學(xué)習(xí)遺傳算法遇到的問(wèn)題

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112877.html

相關(guān)文章

angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問(wèn)題

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

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

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

zhichangterry 2019-08-22 11:17 評(píng)論0 收藏0
Angular開(kāi)山篇

摘要：環(huán)境搭建今天給大家介紹種環(huán)境搭建的方法。官方的地址步驟安裝種子文件沒(méi)有的，可以自己下來(lái)，然后打開(kāi)，執(zhí)行。使用版本為版本。存放表單相關(guān)內(nèi)置組件與指令。存放網(wǎng)絡(luò)請(qǐng)求相關(guān)的服務(wù)等。等待加載完畢即可。從而實(shí)現(xiàn)了頁(yè)面的顯示 1：環(huán)境搭建今天給大家介紹4種環(huán)境搭建的方法。一：Angular-cli的安裝官方指導(dǎo)文檔：www.angular.cn/guide/quickstart 請(qǐng)使用cn...

Edison 2019-08-22 11:11 評(píng)論0 收藏0
Vue 2.x 實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開(kāi)發(fā)（一）

摘要：導(dǎo)語(yǔ)下文實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開(kāi)發(fā)二該文章將從頭到尾梳理我是如何使用開(kāi)發(fā)一個(gè)后臺(tái)管理項(xiàng)目的，我會(huì)將自己遇到的問(wèn)題貼出，希望可以幫助到其他人。構(gòu)建項(xiàng)目框架準(zhǔn)備對(duì)于大陸用戶，建議將的注冊(cè)表源設(shè)置為國(guó)內(nèi)的鏡像，如淘寶鏡像，可以大幅提升安裝速度。 1. 導(dǎo)語(yǔ) 下文：Vue 2.x 實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開(kāi)發(fā)（二）該文章將從頭到尾梳理我是如何使用 Vue 2 開(kāi)發(fā)一個(gè)后臺(tái)管理項(xiàng)目的，我會(huì)將自己遇到的問(wèn)...

darkbaby123 2019-08-20 16:49 評(píng)論0 收藏0
gulp和webpack入門(mén)介紹

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

hsluoyz 2019-08-20 18:58 評(píng)論0 收藏0