angular4.0引入安裝第三方外掛以及自己寫的css,js
安裝第三方外掛(jquery,bootstrap等)
由於修改了angular-cli.json所以修改完成後一定要重啟專案
jquery安裝
進入專案目錄輸入(可以使用淘寶映象)
npm install –save jquery
npm install @types/jquery –save
安裝完成開啟package.json可以看到jquery版本
"dependencies": {
...
"@types/jquery": "^3.3.5",
"jquery": "^3.3.1",
...
},
jquery使用
如果只是在元件使用的話按這樣
html中是這樣的
實際效果圖
如果是其餘外掛需要用到jquery則需要在angular-cli中引用如下為echart跟angular結合的china.js需要用到
此時並不一定需要npm安裝jquery可以下載了放在assets資料夾中然後引入引入方法如上圖echarts.js等的引入方式
bootstrap安裝
進入專案目錄
cnpm i bootstrap –save
cnpm i @types/bootstrap –save
檢視版本
"dependencies": {
...
"@types/bootstrap": "^4.1.2" ,
"bootstrap": "^4.1.3",
...
},
然後是引入這個需要引入css
可以在angular-cli.json引入同時也可以在styles.css 我是在styles引入的比較方便
@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");
然後這是程式碼和效果
效果
相關推薦
angular4.0引入安裝第三方外掛以及自己寫的css,js
安裝第三方外掛(jquery,bootstrap等) 由於修改了angular-cli.json所以修改完成後一定要重啟專案 jquery安裝 進入專案目錄輸入(可以使用淘寶映象) npm install –save jquery npm in
[python]解決Windows下安裝第三方外掛報錯:UnicodeDecodeError: 'ascii' codec can't decode byte 0xcb in position 0:
系統:win10 IDE:pycharm Python版本:2.7 安裝第三方外掛是報錯: 報錯原因與編碼有關,pip把下載的臨時檔案存放在了使用者臨時檔案中,這個目錄一般是C:\Users
下載sublime_text和安裝其外掛以及破解補丁
1.下載sublime_text 1-1附上官網地址:https://www.sublimetext.com/ 我下載的放在百度網盤上:連結:https://pan.baidu.com/s/1Yxelq3YLeq-CBSWGbjnNNw 密碼:gso0 1-2下載完後直接去下載外掛:em
elasticsearch 5 0 版本安裝head外掛
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
JDK8 and Jmeter4.0 下載安裝具體流程以及執行出現問題的解決方案
哈嘍 能看到你真的是太好啦 這是小鳳梨的第一篇 謝謝瀏覽 小夥伴們要注意,在安裝jmeter之前,首先需要安裝JDK, 由於jmeter執行是基於java的,所以需要下載1.7以上的jdk。我下載的是JDK8. 配置系統環境變數 【變數名】:JAVA_
【win10】Sublime Text3安裝SublimeREPL外掛以及快捷鍵設定
1、安裝SublimeREPL 手動安裝,在github上面下載,然後放到下面的資料夾裡面就可以: 2、配置快捷鍵 之前在網站上面看了很多教程,發現都無法繫結快捷鍵,按了f5沒有任何反應。後面我修改了一下就可以成功綁定了:(不知道修改原理,勿噴) 在剛剛的
intellid idea安裝plantUML外掛以及錯誤解決
1、下載plantUML外掛 plantuml4idea.zip 2、intellid idea離線安裝plantUML外掛 file =》 settings =》 plugins =》 ins
安裝 IDEA、安裝 Scala 外掛以及匯入 Spark 原始碼
IDEA 全稱 IntelliJ IDEA,是 java 語言開發的整合環境(IDE),IntelliJ 在業界被公認為最好的 java 開發工具之一,尤其在智慧程式碼助手、程式碼自動提示、重構、J2EE 支援、Ant、JUnit、CVS整合、程式碼審查、 創新
Eclipse安裝git外掛以及關聯匯入GitHub專案
Eclipse安裝git外掛以及關聯匯入Github專案 一、Eclipse配置git 1.檢視自己eclipse的版本 開啟eclipse 導航: help->AboutEclipse 如圖: 或者找到eclipse的解壓檔案,開啟.eclipseproduc
用Genymotion虛擬機器在Android 6.0下安裝Xposed框架以及Root
最近在研究Xposed框架下的開發,由於之前玩手機的時候裝了一堆模組,導致框架下一堆別的模組產生的Log,而且開機奇慢無比,但Xposed模組更新後必須重啟,測試程式碼時候簡直就是噩夢。因此想用虛擬機器來進行測試,研究了幾個小時,踩了各種坑,總結一下過程分享給大
eclipse之安裝第三方外掛
1、Help → Marketplace(需載入一段時間) 2、以 hibernate 外掛安裝為例 在搜尋框中輸入 JBoss,找到 JBoss Tools,點選 Install選擇 JBos
eclipse安裝git外掛以及使用教程
注意,紅色標識部分不要勾選,否則後續提交程式碼時會出現衝突。 訪問http://www.eclipse.org/egit/download/,如下圖所示的兩處高亮處,先複製第二個網址,也就是先安裝GitHub。兩處高亮處url地址下面附上。 這裡寫
關於pip安裝第三方庫以及pycharm中匯入第三方庫的問題
pip安裝的話,找到自己安裝python的路徑,在安裝路徑下會有一個資料夾,比如我的安裝路徑是c盤我是預設安裝路徑,在裡面有一個python36資料夾。哦對了,你們安裝python的時候,我的是3.6版本,在安裝介面記得吧add path這個選項勾上,這是幫你自動新增路徑。
chrome 安裝 gliffy外掛以及使用
由於專案中最近使用gliffy檢視之前的檔案,且chrome在最新的版本以後無法離線安裝crx外掛,本人搜尋後成功安裝gliffy外掛並使用,特此記錄。 安裝需要: chrome外掛安裝輔助程式:crxhelp gliffy檔案:https://pan.baidu.
遮蔽Google Chrome安裝第三方外掛之後反覆提示“請停用以開發者模式執行的擴充套件程式”
在Google Chrome安裝第三方外掛之後反覆提示“請停用以開發者模式執行的擴充套件程式” 解決方法: 1.、下載Chrome組策略管理模板 chrome.adm 連結:https://pan.baidu.com/s/1yFcebPNKk7BdXR3ZGSMEoQ
VUE全域性安裝第三方外掛
最近在學習VUE的過程中,需要引用第三方外掛jquery,我們在使用jquery時,可以直接通過script標籤引入,但是這種方法並不是全域性方式,需要在每一個vue元件都去引用才可以生效,為了使用簡單,我們現在可以通過以下方式來配置全域性的jquery使
sublime3使用:自定義快捷鍵、外掛安裝、語法校驗(css和js)
1.快捷鍵大全: https://mp.csdn.net/postedit/84336764 2.新增快捷鍵: 例:ctrl+q 開啟sublime編輯器 preference>>key bindings-user>>編輯設定文件, 輸入 { "key
自己寫個vue.js外掛(2):手動掛載子元件
前面我們使用原始的方法寫了一個驗證外掛 1、學會了外掛的建立的方式 2、學會了自定義指令 3、通過自定義指令返回true或false,來控制外部label的顯示和隱藏 (注意:外部的label是我們預先寫好的) 動手寫程式碼 1、先移除use
sublime3 docblocker外掛定製自己的註釋,配置步驟
DocBlockr很好用,不僅僅可以自動生成註釋,還可以手動編輯註釋的格式。 安裝方法: Cmd+Shift+P -> Install Package -> docblockr
自己寫個vue.js外掛(1):自定義指令的妙用
寫個外掛 1.在components 目錄下新建一個validate.js: export default{ install(Vue){ Vue.prototype.$myName = "zhagngsan"; } }